An open API service indexing awesome lists of open source software.

https://github.com/slowmoschen/mern-todo-application

My first ever Fullstack Todo-Application. Build with the MERN Stack.
https://github.com/slowmoschen/mern-todo-application

Last synced: 11 months ago
JSON representation

My first ever Fullstack Todo-Application. Build with the MERN Stack.

Awesome Lists containing this project

README

          

# Todo-Application build with MERN-Stack
My first ever Fullstack Application. Build with React as Frontend-Component, MongoDB as a noSQL Database Component, and Node.Js for the Backend with an Express RESTful API.

## Features

- Create Todo
- Read Todos
- Update Todo - Mark as complete
- Delete Todo

### Prerequisites

- Node.js installed
- Accsess to a MongoDB Account and Database

### How to get Started

### Clone Repository
```
$ git clone https://github.com/SlowMoschen/MERN-Todo-Application.git
```

#### Install Dependencies in "client" and "server" folder

Change directory to the server folder

```
$cd server
```

Install all Dependencies with "npm istall"
```
$ npm install
```

Change directory to the client folder

```
$cd ..\client
```

Again - Install all Dependencies with "npm install"

#### Add a .env file with your Port and MongoDB-URI

To run the App, you need to add a .env with your choosen Port and your accsess to your Testcluster on MongoDB, to the server folder.

#### Start Dev-Server

Start the Dev-Server with "npm run dev" in both the server and client folder
```
$ npm run dev
```