{"id":26353293,"url":"https://github.com/japneet001/focusflow","last_synced_at":"2026-04-09T23:02:38.966Z","repository":{"id":281138330,"uuid":"944304500","full_name":"Japneet001/FocusFlow","owner":"Japneet001","description":"FocusFlow is a full-stack task management application built with Angular (frontend) and Spring Boot (backend), using MySQL as the database. The system allows users to create, update, delete, and manage tasks efficiently.","archived":false,"fork":false,"pushed_at":"2025-03-10T09:05:38.000Z","size":44,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T11:11:16.123Z","etag":null,"topics":["angular","bootstrap","java","mysql","spring-boot","spring-data-jpa","sweetalert2","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Japneet001.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-07T05:49:40.000Z","updated_at":"2025-03-10T09:06:15.000Z","dependencies_parsed_at":"2025-03-07T07:42:00.365Z","dependency_job_id":null,"html_url":"https://github.com/Japneet001/FocusFlow","commit_stats":null,"previous_names":["japneet001/task-management"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Japneet001/FocusFlow","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Japneet001%2FFocusFlow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Japneet001%2FFocusFlow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Japneet001%2FFocusFlow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Japneet001%2FFocusFlow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Japneet001","download_url":"https://codeload.github.com/Japneet001/FocusFlow/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Japneet001%2FFocusFlow/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262329611,"owners_count":23294727,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","bootstrap","java","mysql","spring-boot","spring-data-jpa","sweetalert2","typescript"],"created_at":"2025-03-16T11:17:42.940Z","updated_at":"2026-04-09T23:02:38.909Z","avatar_url":"https://github.com/Japneet001.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003cp align=\"center\"\u003e📝 FocusFlow  \u003c/p\u003e\n\n## 📌 Project Overview  \nThe **FocusFlow** is a web-based tool that helps users efficiently manage their tasks in a to-do list format. It allows users to create, update, delete, and view tasks while also providing user authentication features. The application uses **SweetAlert2 (Swal)** for user-friendly alerts.  \n\n## 🛠 Tech Stack  \n- 🎨 **Frontend:** Angular, Bootstrap  \n- ⚙️ **Backend:** Spring Boot (REST API), Spring Data JPA  \n- 🗄 **Database:** MySQL  \n\n## ✨ Features  \n- ✅ **User Registration \u0026 Login** – Secure authentication system.  \n- ✅ **Task Creation** – Add tasks with a title, description, due date, and status.  \n- 📋 **Task Viewing** – Display a list of tasks with relevant details.  \n- ✏️ **Task Update** – Modify task details such as title, description, due date, and completion status.  \n- 🗑 **Task Deletion** – Remove unnecessary tasks.  \n- 🔎 **Find Task by ID** – Retrieve a specific task using its ID.\n- 🔔 **SweetAlert2 Alerts** – Enhance user experience with visually appealing popups. \n\n## 🏗 Architecture  \nThe project follows a **client-server** architecture:  \n- **Frontend (Angular)** → Communicates with the backend via RESTful APIs.  \n- **Backend (Spring Boot)** → Exposes endpoints for task management.  \n- **Database (MySQL)** → Stores task data.  \n\n\u003c!-- ![Architecture Diagram](https://via.placeholder.com/800x400?text=Architecture+Diagram)  --\u003e\n## 📸 Screenshots  \n\n### ➕ Task Creation Page  \n![Task Creation](https://github.com/user-attachments/assets/82fe6968-326b-45f8-a7b8-82967e077b11)  \n\n### 📋 Task List  \n![Task List](https://github.com/user-attachments/assets/995136d0-4dfd-429c-a72f-7a803f4028ac)  \n\n### 🗑 Delete Task Confirmation  \n![Delete Confirmation](https://github.com/user-attachments/assets/1b955ee3-69b8-43fb-9444-427c638f76f5)  \n\n\n## 🚀 Setup \u0026 Installation  \n\n### Backend (Spring Boot)  \n1. Clone the repository.  \n2. Navigate to the backend project directory.  \n3. Run:  \n   ```sh\n   mvn spring-boot:run\n   ```\n4. The backend will start at `http://localhost:9000`.  \n\n### Frontend (Angular)  \n\n1. Navigate to the Angular project directory.  \n2. Install dependencies:  \n   ```sh\n   npm install\n   ```  \n3. Run the Angular app:  \n   ```sh\n   ng serve\n   ```  \n4. Open `http://localhost:4200` in your browser.  \n\n\n## 📡 API Endpoints  \n\n### 🔑 User Authentication (UserController)  \n| 🔹 Method | 🔹 Endpoint | 🔹 Description |  \n|-----------|-----------|----------------|  \n| POST | `/users/register` | Register a new user |  \n| POST | `/users/login` | Authenticate user login |  \n\n### 📝 Task Management (TaskController)  \n| 🔹 Method | 🔹 Endpoint | 🔹 Description |  \n|-----------|-----------|----------------|  \n| POST | `/tasks/create-task` | Create a new task |  \n| GET | `/tasks/view-tasks` | Fetch all tasks |  \n| PUT | `/tasks/update-task/{id}` | Update a task by ID |  \n| DELETE | `/tasks/delete-task/{id}` | Delete a task by ID |  \n| GET | `/tasks/find-task/{id}` | Find a task by ID |  \n\n## 🎨 SweetAlert2 Integration  \nThe application uses **SweetAlert2 (Swal)** for displaying alerts, confirmations, and success messages in a visually appealing manner.  \n\nExample usage in Angular:  \n```ts\nimport Swal from 'sweetalert2';\n\nSwal.fire({\n  title: 'Success!',\n  text: 'Task has been created successfully.',\n  icon: 'success',\n  confirmButtonText: 'OK'\n});\n```\n\n## 🚀 Future Enhancements  \n\n- 🔐 Role-based authentication \u0026 authorization  \n- 📊 Task prioritization and categorization  \n- 🔔 Notifications and reminders  \n\n## 📜 License  \n\nThis project is **open-source**. Feel free to modify and improve it!  \n\n---\n\n\u003cp align=\"center\"\u003eMade with ❤️ by \u003cstrong\u003eJapneet Kaur\u003c/strong\u003e\u003c/p\u003e\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjapneet001%2Ffocusflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjapneet001%2Ffocusflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjapneet001%2Ffocusflow/lists"}