roflanKisel / todo-web-app

Simple Web App with Express, React, Next.js and PostgreSQL

Todo Web App

Simple Web App with Express, React, Next.js and PostgreSQL

And also:

• styled-components
• docker
• sequelize

🔨 Required Tools

• npm or yarn
• docker
• docker-compose

🔧 Setting up

This article will show you how to setup environment for development

☁️ Cloning repository

You need to clone this repository

Using HTTPS

git clone https://github.com/roflanKisel/todo-web-app.git

Using SSH

git clone [e-mail]:roflanKisel/todo-web-app.git

---

📦 Installing packages

You need to install packages for db, web-api and web

Using npm

cd db && npm install
cd web-api && npm install
cd web && npm install

Using yarn

cd db && yarn
cd web-api && yarn
cd web && yarn

---

🚀 Starting containers with database and logger

You can easily run containers with a simple command

Using npm

npm run dev

Using yarn

yarn dev

---

🌱 Seeding database

To start using database you need to initialize it and fill it with data

Using npm

npm run seed

Using yarn

yarn seed

---

💼 Starting services for development purposes

Web API server and Web (React App + Server) can be started by the commands below

Using npm

cd web-api && npm start
cd web && npm run dev

Using yarn

cd web-api && yarn start
cd web && yarn dev

Go to localhost:3000 in your browser and try it out! 💥

---

📓 Note

• PostgreSQL - localhost:5432
• Logger - localhost:1337
• Web API - localhost:8080
• Web - localhost:3000