██████╗ ███████╗███╗ ███╗██╗███╗ ██╗██████╗ ███╗ ███╗███████╗
██╔══██╗██╔════╝████╗ ████║██║████╗ ██║██╔══██╗ ████╗ ████║██╔════╝
██████╔╝█████╗ ██╔████╔██║██║██╔██╗ ██║██║ ██║ ████╗ ██╔████╔██║█████╗
██╔══██╗██╔══╝ ██║╚██╔╝██║██║██║╚██╗██║██║ ██║ ╚═══╝ ██║╚██╔╝██║██╔══╝
██║ ██║███████╗██║ ╚═╝ ██║██║██║ ╚████║██████╔╝ ██║ ╚═╝ ██║███████╗
╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚═╝╚═╝ ╚═══╝╚═════╝ ╚═╝ ╚═╝╚══════╝
A full-stack, dynamic to-do list application built with Spring Boot and Thymeleaf.
Organize your tasks with a modern, no-refresh UI designed for students and developers.
- Dynamic Task Management: Create, toggle (complete/undo), and delete tasks with a single click.
- Real-Time UI Updates: The entire user interface is powered by AJAX, providing a smooth, single-page application (SPA) experience with no page reloads.
- Progress Analytics Dashboard: A beautiful dashboard visualizes your productivity with stats on total, pending, and completed tasks, including a success rate percentage.
- Motivational Quotes: Get a new dose of inspiration with a dynamically loaded quote every time you visit.
- Modern & Responsive UI: A stunning glassmorphism design built on a dark theme that looks great on both desktop and mobile devices.
- Smooth Animations: Subtle animations and transitions provide a polished and engaging user experience.
- Empty State Guidance: Helpful prompts and icons guide the user when the task list is empty.
The main dashboard view, showcasing the analytics and task list.
The application is fully responsive and functional on smaller screens.
This project is powered by a robust ecosystem of modern development tools and frameworks.
Java 17 Core Backend Language |
Spring Boot Backend Framework |
Thymeleaf Server-Side Templating |
JavaScript (ES6+) Client-Side Logic |
HTML5 Markup Language |
CSS3 Styling |
Bootstrap 5 CSS Framework |
Maven Build & Dependency Tool |
The project is organized following standard Maven and Spring Boot conventions with a clear separation of concerns.
todoapp/
│
├── .mvn/ # Maven wrapper files
├── src/ # Main source code and resources directory
│ └── main/
│ ├── java/
│ │ └── com/app/todoapp/
│ │ ├── controller/
│ │ │ └── TaskController.java # Handles incoming web requests and returns responses
│ │ ├── models/
│ │ │ ├── Task.java # The JPA entity representing a single task
│ │ │ └── Quote.java # A simple data model for motivational quotes
│ │ ├── repository/
│ │ │ └── TaskRepository.java # Spring Data JPA interface for database operations
│ │ ├── services/
│ │ │ └── TaskService.java # Contains the core business logic for tasks
│ │ └── TodoappApplication.java # The main entry point for the Spring Boot application
│ │
│ └── resources/
│ ├── static/ # For static assets like CSS, JavaScript, and images
│ ├── templates/
│ │ └── tasks.html # The main Thymeleaf template for the user interface
│ └── application.properties # Configuration for the application (database, server port, etc.)
│
├── .gitignore # Files and folders to be ignored by Git
├── pom.xml # Project dependencies and build configuration (Maven)
└── README.md # Project documentation (you are here!)
To get a local copy up and running, follow these simple steps.
Make sure you have the following installed on your machine:
- Java Development Kit (JDK) - Version 11 or newer (Project uses 17).
- Apache Maven - For building the project and managing dependencies.
- Git - For cloning the repository.
-
Clone the repository:
git clone [https://github.com/your-username/todoapp.git](https://github.com/your-username/todoapp.git)
-
Navigate to the project directory:
cd todoapp -
Build the project with Maven: This command will download all the necessary dependencies.
mvn clean install
-
Run the application:
mvn spring-boot:run
The application will start on the default port
8080. -
Access the application: Open your favorite web browser and navigate to: http://localhost:8080
You should now see the Remind-Me application running!
[Your Name]
- GitHub: @RandomSummer
- LinkedIn: linkedin.com/in/sofiquee
Feel free to reach out if you have any questions or suggestions!