To-Do-List-React Tailwind Templates

To Do List React

A comprehensive to do list application built with React to manage daily chores and tasks. Built with React for frontend and Backend in java, this application uses tailwind CSS for responsiveness and ant-design for components like messages and dialog box.

To-Do-List-React

This comprehensive to-do list application is the result of a hands-on learning journey that combines React for the frontend and Spring Boot (Java) for the backend. Developed with a primary focus on mastering the creation of RESTful APIs in Spring Boot, this project offers a robust platform for managing tasks efficiently. The application covers fundamental CRUD (Create, Read, Update, Delete) operations, providing users with a seamless experience to organize and oversee their tasks. Notably, the project delves into the intricacies of user authentication and authorization using JWT tokens. By leveraging local storage on the client side, the application ensures secure access for registered users.

Installation

Prerequisites

Before you begin, ensure you have the following installed on your machine:

  • Node.js - Required for running the React frontend.
  • npm - Node.js package manager.
  • Java - Required for running the Spring Boot backend.
  • Spring Boot CLI - Optional, but recommended.

Frontend (React)

  1. Open a Command Prompt and navigate to the frontend directory:

    cd frontend
    
  2. Install dependencies:

    npm install
    
  3. Run the React development server:

    npm start
    

    The application will be accessible at http://localhost:3001/.

Backend (Spring Boot)

  1. To run backend you can open the project in eclipse IDE.

  2. You have to create a databse in MYSQL. you can set database configuration in application.properties.

  3. Now you can run your java application.

Tech Stack Used

Preview

Contributions

Contributions to the To-Do-List-React are welcome! If you encounter any bugs or issues or have ideas for improvements, please open an issue on the repository. Pull requests with enhancements are also appreciated.

(If you liked the project, give it a star 😃).

Top categories

Loading Svelte Themes