{"id":21490142,"url":"https://github.com/alexandrbig1/task-pro","last_synced_at":"2025-07-15T17:31:43.708Z","repository":{"id":220204527,"uuid":"751029847","full_name":"Alexandrbig1/task-pro","owner":"Alexandrbig1","description":"TaskPro is the culmination of our journey through a 10-month Fullstack Development Bootcamp. This fullstack application showcases the depth of knowledge and skills we've acquired in building robust and feature-rich web applications.","archived":false,"fork":false,"pushed_at":"2024-02-20T05:25:01.000Z","size":21536,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-02-21T05:39:20.452Z","etag":null,"topics":["backend","bootcamp","css3","figma","frontend","fullstack","html5","javascript","js","node-js","nodejs","react","reactjs","styled-components","ux-ui-design","webdesign","webdevelopment"],"latest_commit_sha":null,"homepage":"https://alexandrbig1.github.io/task-pro/","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/Alexandrbig1.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}},"created_at":"2024-01-31T19:48:13.000Z","updated_at":"2024-02-20T20:06:18.000Z","dependencies_parsed_at":"2024-02-20T05:45:44.567Z","dependency_job_id":null,"html_url":"https://github.com/Alexandrbig1/task-pro","commit_stats":null,"previous_names":["alexandrbig1/task-pro"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Ftask-pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Ftask-pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Ftask-pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Ftask-pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alexandrbig1","download_url":"https://codeload.github.com/Alexandrbig1/task-pro/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226056006,"owners_count":17566822,"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":["backend","bootcamp","css3","figma","frontend","fullstack","html5","javascript","js","node-js","nodejs","react","reactjs","styled-components","ux-ui-design","webdesign","webdevelopment"],"created_at":"2024-11-23T14:31:47.098Z","updated_at":"2024-11-23T14:31:47.761Z","avatar_url":"https://github.com/Alexandrbig1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Task Pro App\n\nWelcome to the Task Pro App, the final project from the Fullstack Development Bootcamp. This web application allows users to manage tasks efficiently, similar to popular task management tools like Trello.\n\n\u003cimg align=\"right\" src=\"https://media.giphy.com/media/du3J3cXyzhj75IOgvA/giphy.gif\" width=\"100\"/\u003e\n\n[![GitHub last commit](https://img.shields.io/github/last-commit/Alexandrbig1/task-pro)](https://github.com/Alexandrbig1/task-pro/commits/main)\n[![GitHub license](https://img.shields.io/github/license/Alexandrbig1/task-pro)](https://github.com/Alexandrbig1/task-pro/blob/main/LICENSE)\n[![Vite](https://img.shields.io/badge/Vite-5.0.8-6868F2)](https://vitejs.dev/)\n[![React](https://img.shields.io/badge/React-18.2.0-51CAEF.svg)](https://reactjs.org/)\n[![Node.js Version](https://img.shields.io/badge/Node.js-v18.18.0-2B8B27)](https://nodejs.org/)\n[![Express.js Version](https://img.shields.io/badge/Express.js-v4.18.2-000000)](https://expressjs.com/)\n[![MongoDB](https://img.shields.io/badge/MongoDB-v6.3.0-3B9539)](https://www.mongodb.com/)\n[![Mongoose Version](https://img.shields.io/badge/Mongoose-v8.0.3-6B0002)](https://mongoosejs.com/)\n[![JWT](https://img.shields.io/badge/JSON%20Web%20Token-v9.0.2-000000)](https://jwt.io/)\n[![Nodemailer](https://img.shields.io/badge/Nodemailer-v6.9.8-0076C8)](https://nodemailer.com/)\n[![Styled Components](https://img.shields.io/badge/Styled_Components-6.1.6-D664C0.svg)](https://styled-components.com/)\n[![Axios](https://img.shields.io/badge/Axios-1.6.4-5300D8.svg)](https://github.com/axios/axios)\n[![JavaScript](https://img.shields.io/badge/JavaScript-Latest-EAD319.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n[![React Icons](https://img.shields.io/badge/React_Icons-4.12.0-E10051.svg)](https://react-icons.github.io/react-icons/)\n\n## Table of Contents\n\n- [Project Contributors](#project-contributors)\n- [Figma Design File](#figma-design-file)\n- [Screenshots](#screenshots)\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Getting Started](#getting-started)\n- [Contributing](#contributing)\n- [Issues](#issues)\n- [License](#license)\n- [Acknowledgments](#acknowledgments)\n- [Connect with me](#connect-with-me)\n\n## Project Contributors\n\n- [Alex Smagin](https://github.com/Alexandrbig1) - Team Lead (Front End)\n- [Denys Shchypt](https://github.com/DenysShchypt) - Team Lead (Back End)\n- [Batalova Kira](https://github.com/batalova-kira) - Scrum Master\n- [Olena Nechyporenko](https://github.com/Olena-Nechyporenko) - Fullstack developer\n- [Yuriy Krasnobokiy](https://github.com/YuriyKrasnobokiy) - Fullstack developer\n- [Natalia Spivak](https://github.com/Nataly-Naf) - Fullstack developer\n- [Oleg Baranov](https://github.com/Olegmkv) - Fullstack developer\n- [Vialov Vlad](https://github.com/igrok1803444) - Fullstack developer\n- [Dmytro Mukolyuk](https://github.com/KRB-U) - Fullstack developer\n- [Vladyslav Parkhomovych](https://github.com/Parkhomovych) - Fullstack developer\n- [Svitlana Yurikova](https://github.com/SvitUriko) - Fullstack developer\n- [Yulia Tsarenko](https://github.com/Yullia90) - Fullstack developer\n\n## Figma Design File\n\n[Figma Design](https://www.figma.com/file/fJF13s2UlxPIwTMcPVrSiz/TaskPro?type=design\u0026t=8OR5JW2MuSskYTdw-0)\n\n## Backend APIs with Swagger Documentation\n\n[Swagger](https://task-backend-project.onrender.com/api-docs/#/)\n\n### Screenshots:\n\n![Task Pro App](/public/images/screenshots/taskpro.jpg) _Caption for Screenshot 1\n(Welcome Page)_\n\n![Task Pro App](/public/images/screenshots/taskpro2.jpg) _Caption for Screenshot 2\n(Sign Up Page)_\n\n![Task Pro App](/public/images/screenshots/taskpro3.jpg) _Caption for Screenshot 3\n(Sign In Page)_\n\n![Task Pro App](/public/images/screenshots/taskpro4.jpg) _Caption for Screenshot 4\n(Home Page Violet Theme)_\n\n![Task Pro App](/public/images/screenshots/taskpro5.jpg) _Caption for Screenshot 5\n(Board Page Dark Theme)_\n\n![Task Pro App](/public/images/screenshots/team.jpg) _Caption for Screenshot 6\n(Creamy Sharks Team)_\n\n## Features\n\n- **User Authentication:** Users can register and log in to access the main application.\n- **Task Management:** Create, edit, and prioritize tasks. Move tasks between different columns (process, done).\n- **Theme Switcher:** Users can toggle between light and dark themes for a personalized experience.\n- **Support Email:** In-app feature to send support emails if any issues arise.\n- **Task Customization:** Set task priority with different colors, add icons, and set deadlines.\n- **Profile Editing:** Users can edit their profiles, including changing avatars.\n\n## Technologies Used\n\n- **Frontend:**\n\n  - React\n  - Vite\n  - Styled Components\n  - Redux\n  - React Icons\n  - MUI Joy (Material-UI experimental component library)\n  - Formik (Form library)\n  - Axios (HTTP client)\n  - Modern Normalize (Modern version of Normalize.css)\n  - Prop Types (Runtime type checking for React props)\n  - React Beautiful DND (Drag and drop library for React)\n  - React Datepicker\n  - React Helmet Async (Async version of React Helmet)\n  - React Loader Spinner\n  - React Read More Read Less\n  - React Toastify (Notification library)\n\n- **Backend:**\n  - Node.js\n  - Express\n  - MongoDB\n\n## Getting Started\n\n1. **Clone the Repository:**\n\n   ```bash\n   git clone https://github.com/Alexandrbig1/task-pro.git\n   cd task-pro\n\n   ```\n\n2. **Install Dependencies:**\n\n   ```bash\n   npm install\n\n   ```\n\n3. **Start the Development Server:**\n\n   ```bash\n   npm run dev\n\n   ```\n\n4. **Open in Browser:**\n   Open your browser and visit `http://localhost:3000`.\n\n## Contributing\n\nContributions are welcome! Please check out our Contribution Guidelines for details on how to contribute to this project.\n\n## Issues\n\nIf you encounter any issues or have suggestions, please [open an issue](https://github.com/Alexandrbig1/task-pro/issues).\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n\n## Feedback\n\nI welcome feedback and suggestions from users to improve the application's functionality and user experience.\n\n## Acknowledgments\n\nWe extend our sincere gratitude to the entire team at [GoIT](https://goit.global/us/) for their unwavering guidance and support during our enriching journey through the Fullstack Bootcamp. This comprehensive 10-month program has equipped us with valuable skills across various modules, and we are particularly grateful for the in-depth learning experience in Node.js, which serves as the final module in this transformative bootcamp.\n\nOur heartfelt appreciation goes to the instructors and mentors who have played a pivotal role in shaping our understanding of Fullstack Development. Their expertise and dedication have been instrumental in our successful completion of the bootcamp, culminating in the development of TaskPro.\n\nTaskPro, our final project, stands as a testament to the comprehensive knowledge acquired during the bootcamp. The project's success wouldn't have been possible without the foundation laid by GoIT, particularly in the Node.js module, which has been a crucial component of this endeavor.\n\nThank you, GoIT, for fostering an environment of learning and growth, and for providing the tools and knowledge that empower us to embark on meaningful journeys in the world of Fullstack Development.\n\nWith gratitude,\n\nCreamy Sharks\n\n## Languages and Tools\n\n\u003cdiv align=\"center\"\u003e  \n \n\u003ca href=\"https://en.wikipedia.org/wiki/HTML5\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/html5-original-wordmark.svg\" alt=\"HTML5\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.w3schools.com/css/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/css3-original-wordmark.svg\" alt=\"CSS3\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.javascript.com/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/javascript-original.svg\" alt=\"JavaScript\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://reactjs.org/\" target=\"_blank\" rel=\"noreferrer\"\u003e \u003cimg src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg\" alt=\"react\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://www.mongodb.com/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/mongodb-original-wordmark.svg\" alt=\"MongoDB\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://expressjs.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/express-colored.svg\" width=\"36\" height=\"36\" alt=\"Express\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://styled-components.com/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/styled-components.png\" alt=\"Styled Components\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.figma.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://www.vectorlogo.zone/logos/figma/figma-icon.svg\" alt=\"figma\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://git-scm.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg\" alt=\"git\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://postman.com\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://www.vectorlogo.zone/logos/getpostman/getpostman-icon.svg\" alt=\"postman\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n## Connect with me:\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://linkedin.com/in/alex-smagin29\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/linkedin-%231E77B5.svg?\u0026style=for-the-badge\u0026logo=linkedin\u0026logoColor=white alt=linkedin style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/alexandrbig1\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/github-%2324292e.svg?\u0026style=for-the-badge\u0026logo=github\u0026logoColor=white alt=github style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://discord.gg/F4Jprw8q\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/discord-%237289DA.svg?\u0026style=for-the-badge\u0026logo=discord\u0026logoColor=white\" alt=\"Discord\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://stackoverflow.com/users/22484161/alex-smagin\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/stackoverflow-%23F28032.svg?\u0026style=for-the-badge\u0026logo=stackoverflow\u0026logoColor=white alt=stackoverflow style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://dribbble.com/Alexandrbig1\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/dribbble-%23E45285.svg?\u0026style=for-the-badge\u0026logo=dribbble\u0026logoColor=white alt=dribbble style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.behance.net/a1126\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/behance-%23191919.svg?\u0026style=for-the-badge\u0026logo=behance\u0026logoColor=white alt=behance style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.upwork.com/freelancers/~0117da9f9f588056d2\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/upwork-%230077B5.svg?\u0026style=for-the-badge\u0026logo=upwork\u0026logoColor=white\u0026color=%23167B02\" alt=\"Upwork\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrbig1%2Ftask-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexandrbig1%2Ftask-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrbig1%2Ftask-pro/lists"}