muhammet-mucahit / TODO-Fullstack-App-Go-Gin-Postgres-React

A fullstack Todo List built using Go/Gin/Postgres/React stack deployed using docker-compose

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TODO-Fullstack-App-Go-Gin-Postgres-React

Test Coverage

This fullstack application creates a TODO List Web Page using the Go/Gin/Postgres/React Stack.

Screen Shot

Starting the application

  1. Create a Postgres Database called TODO with table list and change backend/api/api.go accordingly.
  2. Start the go server in backend using go run backend/main.go.
  3. Start the react server in frontend using npm install and then npm start.

OR

In the project root, run:

  1. docker-compose build
  2. docker-compose run

Go server

Go is used to spin up the server, define routing, and interact with the database.

Gin router

Gin is used to define the TODO API with functionality such as:

  1. Listing all TODO items.
  2. Creating a new TODO item and adding to the database.
  3. Updating a TODO item with its completed condition.
  4. Deleting a TODO item from the database.
  5. Later being able to filter TODO items.

Postgres Database

Postgres is used to store the TODO items by saving rows in as id, item-text, and done boolean condition.

React

React is used here to create the frontend fully responsive application on the client side and is built using components.

About

A fullstack Todo List built using Go/Gin/Postgres/React stack deployed using docker-compose

License:MIT License


Languages

Language:Go 43.5%Language:JavaScript 26.4%Language:Shell 16.1%Language:CSS 6.8%Language:HTML 4.9%Language:Dockerfile 2.3%