Full Stack Genius Project Management App with React.js 18 & Node.js 3 : React, Chakra-ui, React-Query, Zustand, Node.js, Express.js, MongoDB, Typescript

This repository for Genius Project Management application front-end part with React.js,Vite, Chakra-ui, React-Query, Zustand, Chart, Full-Calendar, Typescript

Features:

• Build front-end apps with React and TypeScript
• Build reusable function components
• Style components using Chakra-ui, Full responsiveness
• Build forms with React Hook Forms
• React-Query for Powerful asynchronous state management
• Zustand as state management
• JWT authentication using cookies
• Google & Github o_auth authentication
• Image upload using Cloudinary CDN
• Implement Full-Calender for task managing
• Create project & assign developer to project
• Assign task to specific developer with ending date
• Send email with details when project leader assign a task to developer
• Project leader can Update, Delete project & task
• Developer can update task status
• Customizable developer profile

Prerequisites

• Node version 18.x.x

Cloning the repository

git clone https://github.com/mehedi008h/project-management-front-end

Cloning Back-end repository

git clone https://github.com/mehedi008h/project-management-back-end

Install Client packages & Run Client

npm install
npm run dev
or
yarn
yarn run dev

Setup .env file

VITE_GOOGLE_CLIENT_ID =
VITE_REST_API =

Project Page

Project Details Page

Task Page

Profile Page