Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shpota/skmz
A GraphQL-based Web App written with Go, React and MongoDB
https://github.com/shpota/skmz
docker docker-compose full-stack full-stack-application go golang graphql graphql-api javascript js react reactjs
Last synced: 28 days ago
JSON representation
A GraphQL-based Web App written with Go, React and MongoDB
- Host: GitHub
- URL: https://github.com/shpota/skmz
- Owner: Shpota
- License: apache-2.0
- Created: 2020-01-19T17:20:39.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-09-26T20:48:24.000Z (about 1 month ago)
- Last Synced: 2024-10-11T13:04:02.767Z (28 days ago)
- Topics: docker, docker-compose, full-stack, full-stack-application, go, golang, graphql, graphql-api, javascript, js, react, reactjs
- Language: Go
- Homepage: https://shpota.com
- Size: 1.32 MB
- Stars: 403
- Watchers: 12
- Forks: 43
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
SKMZ [](https://codecov.io/gh/Shpota/skmz)
====
> ⚠ Disclaimer
>
> I created this project a while ago, and it might need to be updated. Check out **[Goxygen](https://github.com/Shpota/goxygen)** , a tool for creating modern web projects with Go and React, Vue or Angular.
A web application that allows to query programmers
with their skills via a **GraphQL** API. The
application is implemented with **Go** and
**gqlgen**
on the backend side and **React** on the front end
side. **MongoDB** is used as a database.
## System requirements
You need to have [Docker](https://www.docker.com) and
[Docker Compose](https://docs.docker.com/compose/)
installed in oder to build and run the project. No
additional tools required.
## How to build and run in production mode
Perform
```sh
docker-compose up
```
Access the application via http://localhost:8080.
Access the GraphQL Playground using
http://localhost:8080/playground.
## How to develop locally
**Tools**
In order to develop the app locally the following
tools are required: [Docker](https://docs.docker.com/),
[Docker Compose](https://docs.docker.com/compose/) (if you
are on Mac or Windows it comes installed with Docker),
[Node.js](https://nodejs.org/en/) and
[Go](https://golang.org/dl/).
Verify if your environment is ready by running the
following 4 commands:
```sh
docker --version
docker-compose --version
npm --version
go version
```
**Start the dev DB**
```sh
docker-compose -f docker-compose-dev.yml up
```
This will start a local MongoDB which will be
accessible on port `27017`. The DB will
be populated with test records from
[mongo.init](server/db/mongo.init).
**Start the server**
Navigate to the `/server` folder and execute:
```sh
go run server.go
```
This will compile and run the back end part.
As a result, the API and [the GraphQL
playground](http://localhost:8080/playground)
will be available.
**Start the Front End dev server**
Navigate to the `/webapp` folder and execute
the following commands:
```sh
npm install
npm start
```
As a result, the web site will be accessible
on http://localhost:3000.
The changes on the front end side will be automatically
applied once a file is saved. The changes in the back
end code require restarting the back end.
## Customizations
The database starts with a preloaded set of data which
can be customized in
[the mongo.init file](server/db/mongo.init).
Here is an example of a GraphQL query which can be
run in [the Playground](http://localhost:8080/playground):
```graphql
query {
programmers(skill: "go") {
name,
picture,
title,
company,
skills {
name,
icon,
importance
}
}
}
```