A minimal kanban board web app made with MERN stack. Manage all your projects and tasks at one place.
Purpose of this project was to get more practice with MERN stack, creating a RESTFUL Api and backend with ExpressJs. Working with mongodb to add CRUD functionalities to the application, and adding user authentication with JsonWebToken.
This repo contains the frontend of the app. Backend repo is here.
- Create new boards, lists and card.
- Easily edit your boards, lists and cards.
- Responsive and minimal interface.
- User authentication using JWT.
- RESTFUL Api to interact with the server.
- Dark/Light theme.
- Password salting.
- Server side validation for data.
- ReactJS
- Redux state management
- NodeJS
- ExpressJs framework
- MongoDB
- Mongoose
- React Router v6
- BcryptJs
- JsonWebToken
- Emotion (Styled Component)
- Axios to handle HTTP requests
- Helmetg HTTP headers
- HTML, CSS, JSX
Clone the frontend
git clone https://github.com/scarface68/kanban-client.git
Start the frontend server
npm install
npm start
Clone the backend
git clone https://github.com/scarface68/kanban-server.git
Start the backend server
npm install
node app.js
Generate .env files for both client and server
In frontend add
REACT_APP_BACKEND_URL=http://localhost:5000/
In backend add
MONGODB_URI= add the url here