HairCare Routine Tracker

A full-stack web application built with the MERN stack (MongoDB, Express.js, React, Node.js), inspired by the Net Ninja's MERN tutorials. This project demonstrates a practical implementation of RESTful APIs, authentication, and modern front-end development with React.

Features

• User Authentication (JWT-based)
• CRUD operations for resources (e.g., workouts, posts, or custom entities)
• Responsive UI built with React
• State management using Context API or Redux (if implemented)
• RESTful API with Express.js and Node.js
• MongoDB database integration
• Environment variable configuration with dotenv
• Error handling and validation
• Modular code structure for scalability

Getting Started

Prerequisites

• Node.js (v14+ recommended)
• npm or yarn
• MongoDB (local or cloud, e.g., MongoDB Atlas)

Installation

1. Clone the repository

git clone https://github.com/your-username/HairCare-Routine-Tracker.git
cd HairCare-Routine-Tracker

2. Install server dependencies

cd backend
npm install

3. Install client dependencies

cd ../frontend
npm install

4. Setup environment variables

Create a .env file in the backend directory with the following (modify as needed):

PORT=5000
MONGO_URI=your_mongo_connection_string
JWT_SECRET=your_jwt_secret

5. Run the application

Open two terminals:

• Backend

  cd backend
  npm run dev

• Frontend

  cd frontend
  npm start

The frontend will run on http://localhost:3000 and the backend API on http://localhost:5000.

Folder Structure

HairCare-Routine-Tracker/
├── backend/
│   ├── models/
│   ├── routes/
│   ├── controllers/
│   ├── middleware/
│   ├── server.js
│   └── ...
├── frontend/
│   ├── src/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── context/
│   │   ├── App.js
│   │   └── ...
│   └── package.json
└── README.md

Usage

• Register as a new user or login with existing credentials.
• Perform CRUD operations on the main resource.
• View your dashboard and interact with the application.

Scripts

Backend

• npm run dev — Start server with hot reloading (nodemon)
• npm start — Start server

Frontend

• npm start — Start React development server
• npm run build — Build for production

Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/YourFeature)
3. Commit your changes (git commit -m 'Add YourFeature')
4. Push to the branch (git push origin feature/YourFeature)
5. Open a Pull Request

License

MIT

Acknowledgments

• The Net Ninja for the inspiring MERN Stack tutorials
• MongoDB
• Express.js
• React
• Node.js

---

Happy Coding!