Skip to content

nameiswaleed/mern-todo-list-application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TODO List App

React Tailwind CSS Node.js Redux TypeScript Express MongoDB

This is a TODO list app with features for creating and deleting tasks. It uses the following technologies:

  • React
  • Tailwind CSS
  • Node.js
  • Redux
  • TypeScript
  • Express
  • MongoDB

Getting Started

To run the app, follow the instructions below:

Client Installation

npm run install:client
# or using yarn
yarn install:client

Server Installation

npm run install:server
# or using yarn
yarn install:server

Development

To run the app in development mode, use the following command:

npm run dev
# or using yarn
yarn dev

This will start both the client and server applications concurrently.

Folder Structure

Client

The client-side folder structure is as follows

src
|-- app
|-- components
|-- libs
|   |-- api
|-- ... (other files and folders)

Server

The server-side folder structure is as follows:

src
|-- controllers
|-- database
|   |-- models
|-- config
|-- routes
index.js

Config

The config folder contains the index.js file with all the configuration files and dotenv files.

Database

The database folder contains the models folder for defining Mongoose models and the database connection in the index.js file.

API Documentation

The API is built using REST architecture and the available endpoints are as follows:

GET /api/tasks: Get all tasks
POST /api/tasks: Create a new task
DELETE /api/tasks/:id: Delete a task by ID
Make sure to use appropriate HTTP methods for each endpoint.

Happy task managing!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors