{"id":20758717,"url":"https://github.com/ruanvictordev/tasks-manager","last_synced_at":"2026-04-10T03:56:39.517Z","repository":{"id":255776921,"uuid":"846778316","full_name":"ruanvictordev/tasks-manager","owner":"ruanvictordev","description":"This project is a task management application built with React, Node.js, Express, MongoDB, and JWT for authentication.","archived":false,"fork":false,"pushed_at":"2024-09-07T01:31:57.000Z","size":553,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-18T05:09:46.373Z","etag":null,"topics":["finished","jwt","mongodb","nodejs","prisma","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://tasks-manager-client.onrender.com","language":"JavaScript","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/ruanvictordev.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-08-24T00:04:58.000Z","updated_at":"2024-10-05T14:34:02.000Z","dependencies_parsed_at":"2024-09-07T04:03:29.811Z","dependency_job_id":"27d30749-a089-4a32-b381-6afd8ab44c9e","html_url":"https://github.com/ruanvictordev/tasks-manager","commit_stats":null,"previous_names":["ruanvictordev/tasks-manager"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ruanvictordev%2Ftasks-manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ruanvictordev%2Ftasks-manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ruanvictordev%2Ftasks-manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ruanvictordev%2Ftasks-manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ruanvictordev","download_url":"https://codeload.github.com/ruanvictordev/tasks-manager/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243069200,"owners_count":20231209,"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":["finished","jwt","mongodb","nodejs","prisma","react","tailwindcss"],"created_at":"2024-11-17T09:53:24.839Z","updated_at":"2025-12-26T03:55:26.365Z","avatar_url":"https://github.com/ruanvictordev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/React-Dark.svg\" alt=\"react\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/JavaScript.svg\" alt=\"javascript\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/TailwindCSS-Dark.svg\" alt=\"tailwind\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/NodeJS-Dark.svg\" alt=\"nodejs\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/ExpressJS-Dark.svg\" alt=\"expressjs\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://jwt.io/img/pic_logo.svg\" alt=\"jwt\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/MongoDB.svg\" alt=\"mongodb\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://svgl.app/library/prisma_dark.svg\" alt=\"prisma\"\u003e\u003c/code\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ch1\u003eTasks Manager\u003c/h1\u003e\n\nThis project is a task management application built with React, Node.js, Express, MongoDB, and JWT for authentication. Users can register and log in to their accounts. Once authenticated, they can create, edit, and delete tasks. The application provides a user-friendly interface for managing tasks efficiently, with secure user authentication and data storage.\n\u003cbr\u003e\u003c/br\u003e\n\u003ca href=\"https://github.com/ruanvictordev/tasks-manager\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n\u003cbr\u003e\u003c/br\u003e\n\nhttps://github.com/user-attachments/assets/6ca30ab0-0bf7-43de-987c-b18e6366fe5b\n  \n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails open=\"open\"\u003e\n  \u003csummary\u003e\u003ch2 style=\"display: inline-block\"\u003eTable of Contents\u003c/h2\u003e\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#technologies-used\"\u003eTechnologies Used\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#skills-worked-on\"\u003eSkills Worked On\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#gallery\"\u003eGallery\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n## Features \n- **Create \u0026 Loggin Account**: Create and Login in your account to save your tasks online.\n- **Create Tasks**: Create your tasks with title, description, status and priority informations.\n- **Status Tracking**: Keep track of changes in task status over time for improved productivity and workflow management.\n- **Edit Tasks**: Update your tasks informations with edit form.\n- **Delete Tasks**: If you dont need see your tasks anymore, delete it with one click.\n- **Logout**: You can logout your session in the webapp.\n\n## Technologies Used \n- **[Tailwind CSS](https://tailwindcss.com/)**: A utility-first CSS framework for rapid UI development.\n- **[ReactJS](https://reactjs.org/)**: A React framework for building fast and scalable web applications.\n- **[NodeJS](https://nodejs.org/)**: A JavaScript runtime built on Chrome's V8 engine for building server-side applications.\n- **[Express](https://expressjs.com/)**: A web application framework for Node.js, designed for building web applications and APIs.\n- **[Prisma](https://www.prisma.io/)**: A modern ORM for Node.js and TypeScript that helps with database access and management.\n- **[MongoDB](https://www.mongodb.com/)**: A NoSQL database known for its flexibility and scalability.\n- **[JWT](https://jwt.io/)**: A compact, URL-safe means of representing claims to be transferred between two parties.\n\n## Skills worked on\n- Tailwind CSS Styling\n- React Components\n- JWT Auth\n- APIs Fundamentals\n- ORM Framework\n- NodeJS Server\n- Deploy application\n\n## Getting Started\n1. **Clone the Repository**: \n   ```bash\n   https://github.com/ruanvictordev/tasks-manager.git\n   ```\n2. **Install Dependencies**: \n   ```bash\n   npm install\n   to server:\n   npx prisma generate \u0026\u0026 npx prisma db push\n   ```\n3. **Start json-server**: \n   ```bash\n   npx nodemon server.js\n   ```\n4. **Start the Development Server**: \n   ```bash\n   npm run dev\n   ```\n5. **Access the Application**: \n   - Open your web browser and navigate to `http://localhost:5173/` to access the Todo board.\n   - Also, you can navigate to `http://localhost:8000/api` to check todos' mocked REST API route response.\n\n## Gallery\n\n| Homepage | Register |\n|-----------------------------|--------------------------|\n| ![Homepage](https://github.com/user-attachments/assets/bfc525ae-bcbd-40e5-806d-2607352ed874) | ![Register](https://github.com/user-attachments/assets/06042969-9c6e-48f3-9b92-bba8d3a55e73) |\n\n| Login | Userpage |\n|-----------------------------|--------------------------|\n| ![Login](https://github.com/user-attachments/assets/4b2898b3-459a-462c-a1f8-4c99607b5945) | ![Userpage](https://github.com/user-attachments/assets/ac5a6787-e020-4969-9115-975c4c65960f) |\n\n## Contributing\nContributions are welcome! Feel free to submit bug reports, feature requests, or pull requests to help improve this project.\n\n## License\nThis project is licensed under the [MIT License](LICENSE).\n\n## Contact\nFor any inquiries or feedback, please contact [ruanvictordev@gmail.com](mailto:ruanvictordev@gmail.com).\n\nEnjoy organizing your tasks!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fruanvictordev%2Ftasks-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fruanvictordev%2Ftasks-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fruanvictordev%2Ftasks-manager/lists"}