ucfx / todo

This repository houses a robust TodoList application built using the MERN stack (MongoDB, Express.js, React, and Node.js). The application leverages React for the frontend interface, Express.js for server-side logic, MongoDB for data storage, and custom hooks for streamlined state management and functionality.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Todo App

This is a simple Todo app that allows you to keep track of your tasks. πŸ“

πŸš€ Features

  • Add new tasks βž•
  • Mark tasks as completed βœ…
  • Delete tasks ❌
  • View all tasks πŸ‘€

πŸ“– Installation

  1. Clone the repository:

    git clone https://github.com/ucfx/todo.git
  2. Navigate to the project directory:

    cd todo
  3. Install the dependencies for both client and server folders:

    cd client && npm i && cd ../server && npm i && cd ..
  4. Create a .env file in the server directory and add your environment variables. You can use the .env.example file as a template:

    cp server/.env.example server/.env

    Modify the .env file with your environment-specific variables.

  5. Start the client:

    cd client && npm start
  6. Open another terminal, navigate to the project directory, and start the server:

    cd server && npm start
  7. Open your browser and visit http://localhost:5173.

  8. Start managing your tasks! πŸ˜‰

🀝 Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

πŸ“ƒ License

This project is licensed under the MIT License.

About

This repository houses a robust TodoList application built using the MERN stack (MongoDB, Express.js, React, and Node.js). The application leverages React for the frontend interface, Express.js for server-side logic, MongoDB for data storage, and custom hooks for streamlined state management and functionality.

License:MIT License


Languages

Language:JavaScript 95.3%Language:HTML 2.7%Language:CSS 2.0%