https://github.com/nia3zzz/mern---to-do-app

This app allows users to manage a list of todos, featuring functionalities for adding new todos, marking todos as completed, and deleting todos. It uses MongoDB as the database to store todo data, Express.js for handling server-side logic, React.js for building the user interface, Firebase authentication method and Node.js for server-side runtime.
https://github.com/nia3zzz/mern---to-do-app

authentication bcryptjs bootstrap express firebase firebase-auth full-stack full-stack-web-development jsonwebtoken mern-stack mongodb nodejs nodemon react-router reactjs todoapp

Last synced: 18 days ago
JSON representation

This app allows users to manage a list of todos, featuring functionalities for adding new todos, marking todos as completed, and deleting todos. It uses MongoDB as the database to store todo data, Express.js for handling server-side logic, React.js for building the user interface, Firebase authentication method and Node.js for server-side runtime.

• Host: GitHub
• URL: https://github.com/nia3zzz/mern---to-do-app
• Owner: nia3zzz
• Created: 2024-03-30T16:06:12.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-08-18T20:28:34.000Z (6 months ago)
• Last Synced: 2025-01-07T18:53:40.740Z (29 days ago)
• Topics: authentication, bcryptjs, bootstrap, express, firebase, firebase-auth, full-stack, full-stack-web-development, jsonwebtoken, mern-stack, mongodb, nodejs, nodemon, react-router, reactjs, todoapp
• Language: JavaScript
• Homepage: https://mern-to-do-app-js1s-client.vercel.app/
• Size: 1.97 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Simple MERN To Do App


https://github.com/user-attachments/assets/eaacaf6f-bf8d-43e6-9eba-26a00b224c24

This MERN app allows users to manage a list of todos, featuring functionalities for adding new todos, marking todos as completed, and deleting todos. It uses MongoDB as the database to store todo data, Express.js for handling server-side logic, React.js for building the user interface, Firebase authentication method and Node.js for server-side runtime environment. The app provides a seamless experience for users to organize and track their tasks efficiently.

Running the Project Locally

  
To run this project on your local machine, follow these steps:

1. Clone the Repository: Clone this repository to your local machine:

   git clone https://github.com/mushfiqurniazzz/MERN---To-Do-App

2. Navigate to Project Directory: Move into the project directory:

   cd backend || frontend

3. Install Dependencies: Install the necessary dependencies using npm or yarn:

   npm install

   or

   yarn

4. Setup Environment Variables: Create a `.env` file in the root of your project directory and add the variables mentioned in the `.env.sample`

5. Start the Development Server: Run the following command to start the development server:

   npm start

6. Access the App: Open your web browser and navigate to `http://localhost:3000[server], http://localhost:5173[frontend]` to access the app. You can now use the app locally on your machine, connected to your MongoDB database using the URI specified in the `.env` file.

7. Note: The project may not work if you do not install dependencies in both front end and backend. So you would have to apply step 2 and 3 twice, once in frontend and once in backend.