Multiuser Task Management web app prioritizing robust security measures. By leveraging JWT, I ensure secure user access through an auto-renewed token stored in local storage, expiring after 15 mins. To enhance protection, a 7-day HTTP-only cookie handles refresh tokens, guiding users to log in for an added layer of security. π»π
For api documentation follow this link: π API Documentation
Project Demo: π Task Management WebApp (YouTUbe)
- axios
- react-icons
- react-toastify
- tailwind css
Redux, React Query isn't used in this project due to the simplicity of project.
- express
- jsonwebtoken
- mysql2
- sequelize
- bcrypt
-
First of all clone the project
git clone https://github.com/itsankitbhusal/task-management
-
Go to the project directory
cd task-management
-
Install the dependencies for backend
pnpm install
-
Add the environment variables like
- database name, user, password, host, dialect (use mysql for both mariadb and mysql)
- port(backend api port),
- for jwt access and refresh you can place anything
- frontend url(url with port where frontend is running)
-
Install the dependencies for frontend
cd frontend && pnpm install
-
Edit the BASE_URL if needed in
/src/constants/index.js
-
Backend server start
pnpm start
-
Frontend server start
cd ./frontend && pnpm run dev