https://github.com/destructo570/kanban-board-mern-stack

A minimal kanban board web app made with MERN stack. Manage all your projects and tasks at one place.
https://github.com/destructo570/kanban-board-mern-stack

axios bcryptjs emotionjs expressjs html5 jwt-authentication mongodb mongoose nodejs react react-router-v6 redux redux-toolkit styled-components

Last synced: 4 months ago
JSON representation

A minimal kanban board web app made with MERN stack. Manage all your projects and tasks at one place.

• Host: GitHub
• URL: https://github.com/destructo570/kanban-board-mern-stack
• Owner: destructo570
• Created: 2022-08-27T10:43:54.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-06-24T09:33:42.000Z (almost 2 years ago)
• Last Synced: 2024-11-12T12:32:50.454Z (6 months ago)
• Topics: axios, bcryptjs, emotionjs, expressjs, html5, jwt-authentication, mongodb, mongoose, nodejs, react, react-router-v6, redux, redux-toolkit, styled-components
• Language: JavaScript
• Homepage: https://digital-kanban-board-react.vercel.app/home
• Size: 453 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📋 Kanban Board MERN Stack Web App

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.](https://github.com/destructo570/kanban-board-backend-rest-api)

### [🚀 View Demo](https://digital-kanban-board-react.vercel.app/home)

### 🧪 Features

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

  
🌈Screenshots

  

  ![alt text](https://imgur.com/WNHdOFY.png)

  ![alt text](https://imgur.com/z5GvyXL.png)

  ![alt text](https://imgur.com/XUYG21E.png)

  ![alt text](https://imgur.com/tqsljl2.png)

  


### 👨‍🎓 Tech Stack

- 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