This todo application helps the user to create and manage their daily tasks in a effective way.
This application is built over MERN (MongoDB, Express.js, React.js, Node.js) stack.Tailwind css is used to impart responsive designs for varied sized devices.The project also includes user authentication using bcrypt to jwt token.
-
Backend:
- Built with Node.js, Express.js, and MongoDB.
- User authentication with JWT tokens.
- API routes for CRUD operations:
GET /
: Default welcome routePOST /auth/signup
: Sign Up userPOST /auth/login
: Login userGET /apis/todos
: Get all todosPOST /apis//create
: Create a new todoPOST /apis/todo/:id
: Update a todoDELETE /api/todo/:id
: Delete a todo
-
Frontend:
- Developed using React.js and Tailwind CSS.
- Responsive NavBar built from scratch.
- Responsive design for various screen sizes.
- Clone this repository.
- Navigate to the
Backend
folder and runnpm install
to install backend dependencies. - Set up your MongoDB connection in
.env
(create a.env
file based on.env.example
). - Run the backend server using
npm start
. - Navigate to the
Frontend
folder and runnpm install
to install frontend dependencies. - Run the frontend using
npm run dev
.
Feel free to explore the code and connect with me if you have any questions! Happy programming! ๐