/todoApp

Primary LanguageJava

😄 Welcome to Joy Todo App!

📙 Overview

This repository contains a simple Todo App that helps you keep track of your tasks and stay organized. The frontend is built using React with Bootstrap, while the backend is developed using Spring Boot. Currently, the application is integrated with an H2 database, but we plan to switch to MySQL in the near future.

🚀 Features

  • Add new tasks with a title and description.
  • Mark tasks as completed.
  • Edit task details.
  • Delete tasks.
  • Filter tasks based on their completion status.

🛠️ Technologies Used

  • Frontend: React with Bootstrap
  • Backend: Spring Boot
  • Database: H2 (to be switched to MySQL)

⚙️ Installation

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Install dependencies by running the following commands:
  • For the frontend:
cd frontend
npm install
  • For the backend:
cd backend
mvn install
  • Start the frontend server:
cd frontend
npm start
  • Start the Spring Boot server:
Copy code
cd backend
mvn spring-boot:run
  1. Open your web browser and access the application at http://localhost:3000.