Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pomelohoho/todo-list-application
Task Keeper is a minimalist task management app that allows users to add, edit, and categorize tasks. Built with Angular (Typescript) and Spring Boot (Java), it's designed for easy tracking of daily activities.
https://github.com/pomelohoho/todo-list-application
angular crud java jpa-hibernate mysql rest-api scss spring-boot todoapp typescript webapp
Last synced: 8 days ago
JSON representation
Task Keeper is a minimalist task management app that allows users to add, edit, and categorize tasks. Built with Angular (Typescript) and Spring Boot (Java), it's designed for easy tracking of daily activities.
- Host: GitHub
- URL: https://github.com/pomelohoho/todo-list-application
- Owner: pomelohoho
- Created: 2024-09-16T03:45:25.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-16T04:05:32.000Z (about 2 months ago)
- Last Synced: 2024-10-16T15:37:39.505Z (22 days ago)
- Topics: angular, crud, java, jpa-hibernate, mysql, rest-api, scss, spring-boot, todoapp, typescript, webapp
- Language: TypeScript
- Homepage:
- Size: 212 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Task Keeper
## Overview
Task Keeper is a simple and visually appealing task management application designed to help users efficiently manage their daily tasks. It offers features to add, edit, delete, categorize tasks into 'Ongoing' and 'Completed' sections for future data visualization on personal efficiency. The application provides a clean and intuitive interface, inspired by minimalist design principles, and is built using Angular for the frontend and Spring Boot for the backend.
## Features
- **Add tasks**: Users can add new tasks with titles and descriptions.
- **Edit tasks**: Existing tasks can be modified.
- **Delete tasks**: Unnecessary tasks can be removed.
- **Personal efficiency track**: Tasks are tracked and managaged % completed
- **Responsive design**: The application is fully responsive and can be used across different devices.
## Technologies Used
- **Frontend**: Angular 16
- **Backend**: Spring Boot 3.3.3
- **Database**: MySQL
- **Styling**: SCSS
## Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/)
- [Angular CLI](https://cli.angular.io/)
- [Java JDK](https://www.oracle.com/java/technologies/javase-jdk11-downloads.html)
- [Spring Boot](https://spring.io/projects/spring-boot)
- [Maven](https://maven.apache.org/)
### Setting Up the Development Environment
#### Frontend Setup
1. Clone the repository:
```bash
git clone https://github.com/your-github-username/task-keeper.git
cd task-keeper/frontend
```
2. Install dependencies:
```bash
npm install
```
3. Run the Angular server:
```bash
ng serve
```
This will start the server on `http://localhost:4200/`.
#### Backend Setup
1. Navigate to the backend directory:
```bash
cd task-keeper/backend
```
2. Run the Spring Boot application:
```bash
mvn spring-boot:run
```
This will start the server on `http://localhost:8080`.
### Database Configuration
...
## Usage
After setting up the project, you can start adding, editing, or deleting tasks. Use the UI buttons to interact with tasks.
## Acknowledgements
- [Font Awesome](https://fontawesome.com)
- [Google Fonts](https://fonts.google.com/)
- [Angular](https://angular.io/)
- [Spring Boot](https://spring.io/projects/spring-boot)