ToDoFullStack is a full-stack web application designed to help users manage their daily tasks efficiently. 📝
The application provides features such as creating, updating, deleting, and organizing tasks.
It is built using Angular for the front end and Spring Boot for the back end, with MySQL as the database.
- ➕ Add, edit, and delete tasks
- ✅ Mark tasks as complete or pending
- 🎨 Responsive user interface with Bootstrap
- 💾 Persistent data storage with MySQL
- Angular 18 ⚛️
- HTML, CSS, Bootstrap 🎨
- TypeScript 🛠️
- Spring Boot 🌱
- MySQL Database 💾
- Node.js and npm installed 🌐
- Angular CLI installed globally 🖥️
- Java Development Kit (JDK) installed ☕
- MySQL server running 🗄️
-
Clone the Repository:
git clone https://github.com/aashif-sajah/ToDoFullStack.git cd ToDoFullStack -
Set Up the Frontend:
cd FrontEnd npm install ng serveThe frontend will be available at
http://localhost:4200. -
Set Up the Backend:
- Navigate to the
BackEndfolder. - Import the project into your preferred IDE (e.g., IntelliJ IDEA, Eclipse).
- Configure the database connection in
application.properties. - Run the Spring Boot application.
The backend will be available athttp://localhost:8080.
- Navigate to the
-
Database Setup:
- Create a MySQL database named
todo_db(or as configured inapplication.properties). - Run the provided SQL scripts to set up the required tables.
- Create a MySQL database named
- Open the frontend in your browser.
- Use the UI to add, edit, and manage your tasks.
- Tasks are synchronized with the backend and stored in the MySQL database.
We welcome contributions! Here's how you can help:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes with descriptive messages.
- Open a pull request, and provide a detailed description of your changes.
This project is licensed under the MIT License. See the LICENSE file for details.