+
Skip to content

Reacti-Do is a full-stack MERN application that allows users to manage their todo lists with a user-friendly interface with CRUD operations.

Notifications You must be signed in to change notification settings

TomerD999/reacti-do

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Welcome to Reacti-Do!

Releases

Reacti-Do is a full-stack MERN application that helps users manage their todo lists with a simple and intuitive interface. This application supports CRUD operations, allowing users to create, read, update, and delete their tasks efficiently.

🌟 Table of Contents

✨ Features

  • User-Friendly Interface: Designed with a clean layout using Tailwind CSS for a smooth user experience.
  • CRUD Operations: Easily manage your tasks with create, read, update, and delete functionalities.
  • JWT Authentication: Secure your application with JSON Web Token authentication.
  • Responsive Design: Works well on both desktop and mobile devices.
  • Real-Time Updates: Enjoy a seamless experience with real-time updates using WebSocket or similar technologies.

🛠️ Technologies Used

  • Frontend:

    • React.js
    • Tailwind CSS
  • Backend:

    • Node.js
    • Express.js
    • MongoDB
    • Mongoose
  • Authentication:

    • JWT (JSON Web Token)
  • Others:

    • CORS for cross-origin requests

🚀 Getting Started

To get started with Reacti-Do, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/TomerD999/reacti-do.git
    cd reacti-do
  2. Install Dependencies: Navigate to both the frontend and backend directories and install the necessary packages.

    cd client
    npm install
    cd ../server
    npm install
  3. Set Up Environment Variables: Create a .env file in the server directory and add your MongoDB URI and JWT secret.

    MONGODB_URI=your_mongodb_uri
    JWT_SECRET=your_jwt_secret
    
  4. Run the Application: Start the backend server and the frontend application.

    # In one terminal for the server
    cd server
    npm start
    
    # In another terminal for the client
    cd client
    npm start
  5. Visit the Application: Open your browser and navigate to http://localhost:3000.

📖 Usage

Once the application is running, you can:

  • Register: Create a new account to manage your tasks.
  • Login: Access your todo list securely.
  • Add Tasks: Create new tasks and assign due dates.
  • Edit Tasks: Update existing tasks as needed.
  • Delete Tasks: Remove tasks that are no longer relevant.

📡 API Endpoints

Here are the key API endpoints for the application:

  • User Registration:

    • POST /api/auth/register
  • User Login:

    • POST /api/auth/login
  • Get All Tasks:

    • GET /api/tasks
  • Create Task:

    • POST /api/tasks
  • Update Task:

    • PUT /api/tasks/:id
  • Delete Task:

    • DELETE /api/tasks/:id

🤝 Contributing

We welcome contributions to Reacti-Do! If you want to contribute, please follow these steps:

  1. Fork the Repository: Click the "Fork" button at the top right of the page.
  2. Create a New Branch:
    git checkout -b feature/YourFeatureName
  3. Make Your Changes: Implement your feature or fix.
  4. Commit Your Changes:
    git commit -m "Add some feature"
  5. Push to the Branch:
    git push origin feature/YourFeatureName
  6. Create a Pull Request: Go to the original repository and click "New Pull Request".

📄 License

This project is licensed under the MIT License. See the LICENSE file for details.

📬 Contact

For any questions or feedback, feel free to reach out:

For more information, visit the Releases section to download the latest version of Reacti-Do.

🖼️ Screenshots

Todo List Screenshot

🎉 Acknowledgments

  • Thanks to the open-source community for their invaluable resources.
  • Special thanks to the contributors who make this project better.

With Reacti-Do, managing your tasks becomes a breeze. Explore, contribute, and enjoy a better way to stay organized!

About

Reacti-Do is a full-stack MERN application that allows users to manage their todo lists with a user-friendly interface with CRUD operations.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •  
点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载