Skip to content

TaskPro is the culmination of our journey through a 11-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.

License

Notifications You must be signed in to change notification settings

Alexandrbig1/task-pro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Task Pro App

Welcome 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.

GitHub last commit GitHub license Vite React Node.js Version Express.js Version MongoDB Mongoose Version JWT Nodemailer Styled Components Axios JavaScript React Icons

Table of Contents

Project Contributors

Figma Design File

Figma Design

Backend APIs with Swagger Documentation

Swagger

Screenshots:

Task Pro App Caption for Screenshot 1 (Welcome Page)

Task Pro App Caption for Screenshot 2 (Sign Up Page)

Task Pro App Caption for Screenshot 3 (Sign In Page)

Task Pro App Caption for Screenshot 4 (Home Page Violet Theme)

Task Pro App Caption for Screenshot 5 (Board Page Dark Theme)

Task Pro App Caption for Screenshot 6 (Creamy Sharks Team)

Features

  • User Authentication: Users can register and log in to access the main application.
  • Task Management: Create, edit, and prioritize tasks. Move tasks between different columns (process, done).
  • Theme Switcher: Users can toggle between light and dark themes for a personalized experience.
  • Support Email: In-app feature to send support emails if any issues arise.
  • Task Customization: Set task priority with different colors, add icons, and set deadlines.
  • Profile Editing: Users can edit their profiles, including changing avatars.

Technologies Used

  • Frontend:

    • React
    • Vite
    • Styled Components
    • Redux
    • React Icons
    • MUI Joy (Material-UI experimental component library)
    • Formik (Form library)
    • Axios (HTTP client)
    • Modern Normalize (Modern version of Normalize.css)
    • Prop Types (Runtime type checking for React props)
    • React Beautiful DND (Drag and drop library for React)
    • React Datepicker
    • React Helmet Async (Async version of React Helmet)
    • React Loader Spinner
    • React Read More Read Less
    • React Toastify (Notification library)
  • Backend:

    • Node.js
    • Express
    • MongoDB

Getting Started

  1. Clone the Repository:

    git clone https://github.com/Alexandrbig1/task-pro.git
    cd task-pro
    
  2. Install Dependencies:

    npm install
    
  3. Start the Development Server:

    npm run dev
    
  4. Open in Browser: Open your browser and visit http://localhost:3000.

Contributing

Contributions are welcome! Please check out our Contribution Guidelines for details on how to contribute to this project.

Issues

If you encounter any issues or have suggestions, please open an issue.

License

This project is licensed under the MIT License.

Feedback

I welcome feedback and suggestions from users to improve the application's functionality and user experience.

Acknowledgments

We extend our sincere gratitude to the entire team at GoIT 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.

Our 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.

TaskPro, 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.

Thank 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.

With gratitude,

Creamy Sharks

Languages and Tools

Connect with me:

About

TaskPro is the culmination of our journey through a 11-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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published