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!