Skip to content

chelseapinka/DataListicle

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Fullstack React template

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

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