The NOTEBOX is a full-stack CRUD Todo app developed using the MERN stack (MongoDB, Express.js, React.js, Node.js). It comes with authentication, allowing users to manage their tasks by adding titles, descriptions, and due dates. Additionally, users can edit or delete existing notes to keep their tasks organized.
-
User Authentication:
- Secure user authentication to ensure data privacy and personalization.
-
Create, Read, Update, Delete (CRUD) Functionality:
- Add new notes with a title, description, and due date.
- View existing notes with essential details.
- Edit notes to update information.
- Delete unwanted notes to keep the list clean.
-
Tailwind CSS Styling:
- The application is styled using Tailwind CSS, providing a clean and modern user interface.
-
Frontend:
- React.js
- Tailwind CSS
-
Backend:
- Node.js with Express.js
-
Database:
- MongoDB
-
Clone the Repository:
git clone https://github.com/your-username/The-NOTEBOX.git cd The-NOTEBOX
-
Install Dependencies:
# Install backend dependencies cd server npm install # Install frontend dependencies cd ../client npm install
-
Set Up MongoDB:
- Create a MongoDB database and update the connection string in
server/config/config.js
.
- Create a MongoDB database and update the connection string in
-
Run the Application:
# Start the backend server cd server npm start # Start the frontend development server cd ../client npm start
The app should now be accessible at
http://localhost:3000/
.
- MongoDB Connection:
- Update the MongoDB connection string in
server/config/config.js
.
- Update the MongoDB connection string in
Contributions are welcome! Feel free to submit pull requests or raise issues.
This project is licensed under the MIT License.
- This project was made possible by the MERN stack and various open-source libraries and tools.
Thank you for using The NOTEBOX! Happy note-taking!