https://github.com/varsharani9/todo_application

This is a MERN based todo application integrating React for UI components, Express.js for building APIs, MongoDB with Mongoose for scalable data management, and Zod for validation.
https://github.com/varsharani9/todo_application

express mongodb mongoose reactjs zod-validation

Last synced: 4 days ago
JSON representation

This is a MERN based todo application integrating React for UI components, Express.js for building APIs, MongoDB with Mongoose for scalable data management, and Zod for validation.

• Host: GitHub
• URL: https://github.com/varsharani9/todo_application
• Owner: VarshaRani9
• Created: 2024-07-06T01:51:43.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-10T08:54:47.000Z (4 months ago)
• Last Synced: 2024-08-24T02:54:41.203Z (3 months ago)
• Topics: express, mongodb, mongoose, reactjs, zod-validation
• Language: JavaScript
• Homepage: https://todo-application-frontend-yctq.onrender.com/
• Size: 84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MERN Todo Application

A simple Todo application built using the MERN stack (MongoDB, Express.js, React.js, Node.js), with additional validation using Zod.

## Features

- **Create** new todo with a title and description.

- **Read** tasks with complete information.

- **Update** tasks to mark them as completed.

## Technologies Used

- **Frontend**: React.js

- **Backend**: Node.js, Express.js, MongoDB with Mongoose

- **Validation**: Zod

## Getting Started

### Prerequisites

- Node.js installed on your local environment

- MongoDB installed locally or access to a MongoDB database

### Installation

1. **Clone the repository:**

   - git clone https://github.com/VarshaRani9/Todo_Application.git

   - cd Todo_Application

2. **Install backend dependencies**

    - cd backend

    - npm install

3. **Install frontend dependencies**

    - cd ../frontend

    - npm install

### Create a .env file in the backend directory and add the following:

   - `PORT=`

   - `MONGODB_URI=`

### Create a .env file in the frontend directory and add the following:

  - VITE_APP_GET_TODOS=/api/todos

  - VITE_APP_ADD_TODO=/api/todo

  - VITE_APP_COMPLETE_TODO=/api/completed

## Start the development servers:

### Start the backend

  - cd ../backend

  - node index.js

### Start the frontend (in a new terminal)

  - cd ../frontend

  - npm run dev

## Accessing the Application

 - navigate to http://127.0.0.1:5173/(default) to use the Todo application.