{"id":22338781,"url":"https://github.com/thomas465xd/uptask_frontend","last_synced_at":"2026-04-10T01:01:20.273Z","repository":{"id":264496936,"uuid":"893489450","full_name":"Thomas465xd/uptask_frontend","owner":"Thomas465xd","description":"The frontend for UpTask a project and task management app that lets you delegate task to a team or focus on your own projects","archived":false,"fork":false,"pushed_at":"2025-06-11T20:41:45.000Z","size":443,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-11T21:56:48.313Z","etag":null,"topics":["api","authentication","frontend","headlessui","mern","mern-stack","mvc","react","react-query","tailwind","tailwindcss","todoapp","ts","typescript","zod","zustand"],"latest_commit_sha":null,"homepage":"https://uptask-react-ts.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Thomas465xd.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":"2024-11-24T15:25:41.000Z","updated_at":"2025-06-11T20:41:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"21130724-1e7d-4f0d-8fd3-6d7b63976390","html_url":"https://github.com/Thomas465xd/uptask_frontend","commit_stats":null,"previous_names":["thomas465xd/uptask_frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Thomas465xd/uptask_frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2Fuptask_frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2Fuptask_frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2Fuptask_frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2Fuptask_frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Thomas465xd","download_url":"https://codeload.github.com/Thomas465xd/uptask_frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2Fuptask_frontend/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265915139,"owners_count":23848491,"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":["api","authentication","frontend","headlessui","mern","mern-stack","mvc","react","react-query","tailwind","tailwindcss","todoapp","ts","typescript","zod","zustand"],"created_at":"2024-12-04T07:05:14.172Z","updated_at":"2025-12-30T22:07:07.669Z","avatar_url":"https://github.com/Thomas465xd.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# UpTask - To-Do List Web App\n\nUpTask is a powerful project and task management web app built using the MERN stack (MongoDB, Express, React, Node.js). It allows users to create accounts, manage projects, assign tasks to team members, and track progress all in one place. The app features robust user authentication with JWT, a task delegation system for project managers, and more.\n\n## Features\n\n- **User Accounts \u0026 Authentication**: Users can sign up, log in, and manage their accounts with features like JWT authentication and a \"Forgot Password\" functionality.\n\n- **Project Management**: Users can create and manage projects, assign roles and tasks to different members of the project team.\n\n- **Task Delegation**: Project managers can delegate tasks to team members, track their progress, and ensure the successful completion of each task.\n\n- **Team Collaboration**: Assign specific roles to each user and assign tasks based on their roles within the project.\n\n- **Progress Tracking**: Track overall project progress by monitoring completed and pending tasks.\n\n- **Headless UI Components**: A user-friendly interface with Headless UI components for a seamless, accessible experience.\n\n- **RESTful API**: Connects to a backend RESTful API to manage projects, tasks, and user-related operations.\n\n## Technologies Used\n\n- **Frontend**:\n  - React\n  - React Router\n  - Headless UI\n  - Axios\n  - JWT Authentication\n- **Backend** (for reference):\n  - Node.js\n  - Express\n  - MongoDB (MERN stack)\n  - JWT for Authentication\n- **UI Framework**: TailwindCSS (with Headless UI components for accessibility)\n\n## Installation\n\n### Frontend Setup\n\n1. Clone the repository:\n    ```bash\n    git clone https://github.com/Thomas465xd/uptask_frontend.git\n    cd uptask-frontend\n    ```\n\n2. Install dependencies:\n    ```bash\n    npm install\n    ```\n\n3. Create a `.env` file in the root of the project and add the following:\n    ```\n    REACT_APP_API_URL=\u003cYOUR_API_URL\u003e\n    ```\n\n4. Run the app:\n    ```bash\n    npm run dev\n    ```\n\n### Backend Setup\n\n1. Clone the backend repository (if not already set up):\n    ```bash\n    git clone https://github.com/Thomas465xd/uptask_backend.git\n    cd uptask_backend\n    ```\n\n2. Install backend dependencies:\n    ```bash\n    npm install\n    ```\n\n3. Set up the MongoDB database connection and other environment variables in `.env`.\n\n4. Start the backend server:\n    ```bash\n    npm run dev\n    ```\n\n## Usage\n\n1. **Sign Up**: Create a new user account by entering an email and password.\n2. **Login**: Use your credentials to log in and access your account.\n3. **Create Projects**: Project managers can create new projects and assign tasks.\n4. **Assign Roles \u0026 Tasks**: Project managers can assign roles to team members and delegate tasks to them.\n5. **Track Progress**: Monitor the overall progress of the project by checking task completion.\n\n## Contributing\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature-name`)\n3. Commit your changes (`git commit -am 'Add new feature'`)\n4. Push to the branch (`git push origin feature-name`)\n5. Open a pull request\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Acknowledgments\n\n- Headless UI for accessible components\n- The MERN stack for full-stack web development\n\n---\n\n**Made with ♥️ Thomas Schrödinger**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomas465xd%2Fuptask_frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthomas465xd%2Fuptask_frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomas465xd%2Fuptask_frontend/lists"}