To-Do App

Summary

This To-Do app is a full-stack application built using React.js, Vite, MDB Bootstrap on the frontend, and Node.js with Express.js on the backend. User authentication is handled using JWT tokens, and data is stored in a MongoDB database. The app provides features for managing to-do lists, user registration and authentication, task creation, editing, and deletion.

Technology Stack

• Frontend: React.js, Vite, MDB Bootstrap
• Backend: Node.js, Express.js, MongoDB
• Authentication: JWT Tokens

Screenshots

Getting Started

Prerequisites:

• Node.js installed on your system
• A package manager like npm
• A MongoDB database set up

Installation:

1. Clone the repository:

   git clone https://github.com/s4chin-verma/ToDo-React.git
   
   

2. Open the project folder in your code editor.

3. Environment Variables

   Before running the frontend or backend, make sure to set up your environment variables. Create a .env file in the respective directories and define the following variables:

   • PORT: Set the server port, e.g., PORT = 4000
   • MONGO_URL: Specify your MongoDB connection URL, e.g., MONGO_URL = mongodb://localhost:27017/mydatabase
   • JWT_SECRET: Set your JSON Web Token secret, e.g., JWT_SECRET = mysecretkey

4. Open the terminal of your code editor.

5. Start the frontend development server:

   cd to-do
   npm install
   npm run dev
   

This will launch the frontend application on .