https://github.com/arijitcodes/drag-todo
Draggable Todo Application (Full Stack) [MERN Stack]
https://github.com/arijitcodes/drag-todo
axios bootstrap css dotenv drag-and-drop draggable express expressjs html mern-stack mongodb mongoose node nodejs react react-beautiful-dnd react-router-dom reactjs todo todolist
Last synced: 2 months ago
JSON representation
Draggable Todo Application (Full Stack) [MERN Stack]
- Host: GitHub
- URL: https://github.com/arijitcodes/drag-todo
- Owner: arijitcodes
- Created: 2021-05-15T10:30:36.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-05-16T11:23:59.000Z (almost 5 years ago)
- Last Synced: 2025-03-28T06:33:49.767Z (12 months ago)
- Topics: axios, bootstrap, css, dotenv, drag-and-drop, draggable, express, expressjs, html, mern-stack, mongodb, mongoose, node, nodejs, react, react-beautiful-dnd, react-router-dom, reactjs, todo, todolist
- Language: JavaScript
- Homepage: https://arijit-drag-todo.herokuapp.com
- Size: 271 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DRAG TO DO v1.0.1
## Author
Author : [Arijit Banerjee](https://www.github.com/ArijitCodes)
About : Full Stack Web Developer | Cyber Security Enthusiast | Actor
Social Media :
[ Instagram](https://www.instagram.com/arijit.codes)
[ LinkedIn](https://www.linkedin.com/in/arijitban)
[ GitHub](https://github.com/ArijitCodes)
Email: arijit.codes@gmail.com
## Live Demo
For a Live Demo, check : [https://arijit-drag-todo.herokuapp.com](https://arijit-drag-todo.herokuapp.com)
## Functionalities and Technologies Used
`Stack` : MERN Stack (MongoDB, ExpressJS, ReactJS, NodeJS)
`Technologies Used` : NodeJS, ExpressJS, MongoDB, Mongoose, Dotenv, ReactJS, React Hooks, React Router DOM, Axios, React Beautiful DND, Bootstrap etc.
`Functionalities` : REST Api, CRUD, Create, Read, Delete Todo List Elements, Fully Responsive Web Design using Bootstrap etc.
## From the Developer:
This is an Assesment Project, made on MERN Stack. So I made this app as per the requirements and added a little extra.
This is a Full Stack Web App just like any other To Do List Apps, where you can create a New Todo List Element, Drag the List Elements and Drop in different No. of Positions in the list, can select and deselect based on your need etc. (These were the requirements for the assesment).
NOTE: This is a demo assesment project. There can be a lot of more features and functionalities that could be added with this.
## Tips
- To setup this project, clone it and run npm install in the main folder, as well as in the 'client' folder.
- Create a file named .env in the root.
- Add the following two Env Variables to be used in the app :
- mongodbURI
- Set up the value of the field with your own mongoDB connection uri.