{"id":19772826,"url":"https://github.com/thetoriqul/fullstack-react-flask-app","last_synced_at":"2026-05-06T04:31:22.431Z","repository":{"id":256990817,"uuid":"857012977","full_name":"TheToriqul/fullstack-react-flask-app","owner":"TheToriqul","description":"This repository contains a full stack application built with React for the frontend and Flask for the backend. It's a task management system that allows users to create, read, update, and delete tasks.","archived":false,"fork":false,"pushed_at":"2024-12-28T18:29:39.000Z","size":7581,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-11T01:11:43.356Z","etag":null,"topics":["docker","docker-compose","full-stack","full-stack-application","full-stack-web-development","todo-app","todo-master"],"latest_commit_sha":null,"homepage":"https://thetoriqul.github.io/fullstack-react-flask-app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheToriqul.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-09-13T16:27:34.000Z","updated_at":"2024-12-28T18:30:58.000Z","dependencies_parsed_at":"2024-11-12T05:07:45.077Z","dependency_job_id":"b869f78b-bf15-45e8-846c-10d29a657f6a","html_url":"https://github.com/TheToriqul/fullstack-react-flask-app","commit_stats":null,"previous_names":["thetoriqul/full-stack-react-and-flask-app","thetoriqul/fullstack-react-flask-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheToriqul%2Ffullstack-react-flask-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheToriqul%2Ffullstack-react-flask-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheToriqul%2Ffullstack-react-flask-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheToriqul%2Ffullstack-react-flask-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheToriqul","download_url":"https://codeload.github.com/TheToriqul/fullstack-react-flask-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241104113,"owners_count":19910376,"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":["docker","docker-compose","full-stack","full-stack-application","full-stack-web-development","todo-app","todo-master"],"created_at":"2024-11-12T05:07:45.318Z","updated_at":"2026-05-06T04:31:22.399Z","avatar_url":"https://github.com/TheToriqul.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Task Master Pro: A Modern Full Stack Task Management System\n[![MIT License](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![React](https://img.shields.io/badge/React-18.3.1-blue.svg)](https://reactjs.org/)\n[![Flask](https://img.shields.io/badge/Flask-Latest-green.svg)](https://flask.palletsprojects.com/)\n[![Docker](https://img.shields.io/badge/Docker-Compatible-blue.svg)](https://www.docker.com/)\n\nA sophisticated task management system built with React and Flask, featuring real-time updates, animated UI components, and containerized deployment. This project demonstrates modern full-stack development practices, DevOps principles, and clean architecture.\n\n## 🌟 Key Features\n\n- **Responsive Dashboard**: Modern, animated interface built with React and Tailwind CSS\n- **Real-time Task Management**: Create, update, delete, and track tasks seamlessly\n- **Smart Filtering**: Filter tasks by status (All, Active, Completed) with instant search\n- **Progress Tracking**: Visual statistics showing task completion metrics\n- **Containerized Architecture**: Docker-based deployment for consistent development and production environments\n- **RESTful API**: Well-structured Flask backend with SQLite persistence\n- **Animated UI**: Smooth transitions and interactions using Framer Motion\n\n## 🏗️ Project Architecture\n\n\u003cfigure \u003e\n  \u003cp align=\"center\"\u003e\n      \u003cimg src=\"./assets/diagram.png\" alt=\"project architecture\" /\u003e\n      \u003cp align=\"center\"\u003eTask Master Project Architecture\u003c/p\u003e \n  \u003c/p\u003e\n\u003c/figure\u003e\n\n## 🚀 Tech Stack\n\n### Frontend\n- React 18.3.1 with Hooks\n- Tailwind CSS for responsive design\n- Framer Motion for fluid animations\n- Axios for API communication\n- Modern JavaScript (ES6+)\n\n### Backend\n- Flask RESTful architecture\n- SQLite database for persistence\n- Flask-CORS for cross-origin handling\n- Python 3.x\n\n### DevOps \u0026 Tools\n- Docker \u0026 Docker Compose\n- Multi-container orchestration\n- Git for version control\n- npm for package management\n\n## 💻 Quick Start\n\n### Prerequisites\n- Docker and Docker Compose\n- Git\n- Node.js and npm (for local development)\n- Python 3.x (for local development)\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/TheToriqul/task-master-pro.git\ncd task-master-pro\n```\n\n2. Launch with Docker Compose:\n```bash\ndocker-compose up --build\n```\n\n3. Access the application:\n- Frontend: http://localhost:3000\n- Backend API: http://localhost:5000\n\n## 🏗️ Project Structure\n\n```\ntask-master-pro/\n├── frontend/\n│   ├── public/\n│   ├── src/\n│   │   ├── App.js\n│   │   ├── index.js\n│   │   └── components/\n│   ├── Dockerfile\n│   └── package.json\n├── backend/\n│   ├── app.py\n│   ├── Dockerfile\n│   └── requirements.txt\n├── docker-compose.yml\n└── README.md\n```\n\n## 🛠️ Development\n\n### Local Development\n```bash\n# Frontend\ncd frontend\nnpm install\nnpm start\n\n# Backend\ncd backend\npip install -r requirements.txt\nflask run\n```\n\n### Docker Development\n```bash\n# Build and run all services\ndocker-compose up --build\n\n# Stop services\ndocker-compose down\n```\n\n## 📈 Future Enhancements\n\n- [ ] User Authentication System\n  - JWT-based authentication\n  - Role-based access control\n  - OAuth integration\n\n- [ ] Advanced Task Features\n  - Task categories and tags\n  - Due dates and reminders\n  - Priority levels\n  - File attachments\n\n- [ ] Collaboration Tools\n  - Team workspaces\n  - Task sharing\n  - Real-time updates\n  - Comments and discussions\n\n- [ ] Analytics Dashboard\n  - Task completion metrics\n  - Productivity analytics\n  - Team performance insights\n\n- [ ] Technical Improvements\n  - Redis caching\n  - PostgreSQL migration\n  - Elasticsearch integration\n  - CI/CD pipeline\n  - Kubernetes deployment\n\n## 🤝 Contributing\n\nI welcome contributions from the community! Here's how you can help:\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## 📬 Contact\n\nI'm always excited to connect with fellow developers and potential collaborators:\n\n- Email: toriqul.int@gmail.com\n- Phone: \n  - Singapore: +65 8936 7705\n  - Bangladesh: +8801765 939006\n- LinkedIn: https://www.linkedin.com/in/thetoriqul/\n- GitHub: https://github.com/TheToriqul\n- Portfolio: https://thetoriqul.com\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\nCopyright © 2024 TheToriqul. All Rights Reserved.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthetoriqul%2Ffullstack-react-flask-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthetoriqul%2Ffullstack-react-flask-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthetoriqul%2Ffullstack-react-flask-app/lists"}