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

https://github.com/genaroibc/fullstack-todo-app

A Full-Stack ToDo application using MongoDB and Next.js.
https://github.com/genaroibc/fullstack-todo-app

javascript mongodb nextjs

Last synced: 2 months ago
JSON representation

A Full-Stack ToDo application using MongoDB and Next.js.

Awesome Lists containing this project

README

        

# Fullstack To-Do App

## 📑 Description

A Fullstack To-Do application, using [MongoDB](https://mongodb.com/) and [Next.js](https://nextjs.org/), that is, both server and client sides.

## ▶️ Getting Started

You can both [visit the web site](https://fullstack-todo-app-ten.vercel.app/) to see the app running, or follow the steps below to clone the repository and start modifying it.

### 📜 Pre-requisites

You need to have both [Git](https://git-scm.com/), [Node](https://nodejs.org/) and [MongoDB](https://www.mongodb.com/try/download/community) installed.

Also, you need to have MongoDB running:

For Windows:

```shell
cd C:\data
mkdir db
C:\mongodb\bin\mongod.exe
```

For Linux/Mac OS:

```shell
sudo service mongodb start
```

First, clone the repository:

```shell
git clone https://github.com/GenaroIBC/fullstack-todo-app.git
```

Then, change to the project's directory and install dependencies:

```shell
cd fullstack-todo-app && npm install
```

Finally, start the development server:

```shell
npm run dev
```

🌐 Now, you can go to [localhost:3000](http://localhost:3000) with your browser to start using and modifying the app.

## 🚀 Stack of Technologies

Main:

1. [Next.js](https://nextjs.org)
1. [MongoDB](https://www.mongodb.com)
1. [Mongoose](https://mongoosejs.com)

Styles:

1. [Styled Components](https://styled-components.com)
1. [Semantic UI](https://semantic-ui.com)

Deployment: [Vercel](https://vercel.com)