https://github.com/meeksonjr/shampoo
Check the shampoo you know.
https://github.com/meeksonjr/shampoo
backend front-end mongodb-atlas nodejs reactjs student
Last synced: 2 months ago
JSON representation
Check the shampoo you know.
- Host: GitHub
- URL: https://github.com/meeksonjr/shampoo
- Owner: MeeksonJr
- Created: 2024-08-12T05:27:06.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-01T01:12:02.000Z (over 1 year ago)
- Last Synced: 2025-03-16T01:16:31.511Z (over 1 year ago)
- Topics: backend, front-end, mongodb-atlas, nodejs, reactjs, student
- Language: TypeScript
- Homepage: https://shampoo-blush.vercel.app
- Size: 209 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
True Shampoo
TrueShampoo is a React.js application designed for managing and reviewing hair care products. It features secure authentication, real-time data management, and a responsive, user-friendly interface.
Features
Authentication: Secure login and signup using Clerk for personalized user experiences.
Shampoo Management: View, add, delete, and like shampoos. Detailed information includes title, image, ingredients, and reasons why a shampoo is considered bad.
Theming: Toggle between light and dark modes with a modern, responsive design.
API Integration: Fetches and manages shampoo data from a MongoDB database through a Node.js backend.
Interactive UI: Smooth animations and real-time updates for a seamless user experience.
Tech Stack
Frontend: React.js, TypeScript, CSS
Backend: Node.js, Express.js
Database: MongoDB
Authentication: Clerk
Installation
Clone the repository:
bash
Copy code
```
git clone https://github.com/MeeksonJr/Shampoo.git
Navigate to the project directory:
cd NotePad
Install dependencies for both client and server:
cd client
npm install
Start the backend server:
cd ../server
npm install
node server.js
Start the frontend application:
cd ../client
npm run dev
```
Access the application:
Open your browser and navigate to http://localhost:3000 (or your configured port).
Usage
Authentication: Log in or sign up to access the full features.
Shampoo Management: Add new shampoos, delete unwanted ones, and like your favorites.
Theme Toggle: Switch between light and dark modes for a personalized viewing experience.
Contributing
Feel free to open issues or submit pull requests. Contributions are welcome!
License
This project is licensed under the MIT License.
Let me know if you need any adjustments or additional details!