Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

Todo App

A simple web application for managing tasks, featuring full CRUD operations and user authentication. The app consists of a React frontend and a Node.js/Express backend, with data stored in MongoDB Atlas.

Features

  • User Authentication: Secure user registration and login.
  • Task Management:
    • Create: Add new tasks.
    • Read: View all tasks.
    • Update: Edit tasks.
    • Delete: Remove tasks.

Project Structure

  • Frontend: Located in the todo folder, built with React.
  • Backend: Located in the backend folder, built with Node.js and Express.

Requirements

  • Node.js
  • Visual Studio Code

Setup Instructions

  1. Clone the repository:

    git clone <repository-url>
  2. Navigate to the project directory:

    cd todo-app
  3. Install dependencies:

    • Frontend:

      cd todo
      npm install
    • Backend:

      cd backend
      npm install

Running the Application

  1. Start the frontend:

    cd todo
    npm start
  2. Start the backend:

    cd backend
    npm run dev
  3. Open your browser and navigate to http://localhost:3000 to use the app.

Environment Variables

Ensure the following environment variables are set in the backend/.env file:

PORT = 4000
JWT_SECRET = keyjwtsecret
MONGODB_URI = mongodb://localhost:27017/prod2
FRONTEND_URL = http://localhost:3000

Contribution

Contributions are welcome! Feel free to fork the repository and submit pull requests.

License

This project is licensed under the MIT License.


About

This is a Mern Stack Todo web app, The app using the production grade practice and written with clean code.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages