Coder Social home page Coder Social logo

wishlist's Introduction

wishlist-golang

A wishlist app built with a Go backend, React frontend, PostgreSQL and Docker.

About

This project was built with the intent of having a fully functional + completed web application built with a Go backend and React frontend. In the end, I just wanted to be able to practice using some new skills and this project reflects that. The web app only has the simple functionality of:

  1. Listing all items in the wishlist on the page.
  2. Adding items to the wishlist.
  3. Deleting items from the wishlist.
  4. Updating items from the wishlist.

By implementing these simple operations, I was able to practice developing a RESTful API using Go.

How to deploy

Deployment is split into two stages, both of which will have their steps documented here. The two stages are:

  1. PostgreSQL + Go Backend API
  2. React Frontend We'll begin by detailing how to get the PostgreSQL + Go Backend API deployed and running.

PostgreSQL + Go Backend API

The deployment of both PostgreSQL and our Go backend API have been joined together in a single docker-compose.yml in backend/. In order to get them up and running, we recommend the following steps:

  1. cd backend/
  2. docker-compose build --no-cache
  3. docker-compose up -d Now, we can check that the two containers deployed properly by execing into each container. In the DB container, we can check that Postgres is running by executing:
psql -U <postgres username>

React Frontend

To get the React frontend started, navigate to the frontend/ directory and execute the following command:

npm start

Now, you should see the web app open up in your default browser!

wishlist's People

Contributors

sammsaski avatar

Watchers

 avatar

wishlist's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.