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.
- Host: GitHub
- URL: https://github.com/genaroibc/fullstack-todo-app
- Owner: genaroibc
- Created: 2022-10-10T18:53:17.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-12T21:09:30.000Z (over 2 years ago)
- Last Synced: 2025-01-24T17:48:50.224Z (4 months ago)
- Topics: javascript, mongodb, nextjs
- Language: JavaScript
- Homepage: https://fullstack-todo-app-ten.vercel.app/
- Size: 325 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)