GithubHelp home page GithubHelp logo

ameenalakhras / gsg-starter Goto Github PK

View Code? Open in Web Editor NEW

This project forked from remaininlight/gsg-starter

0.0 1.0 0.0 8.67 MB

License: MIT License

Dockerfile 1.22% Python 8.80% Shell 0.28% CSS 75.66% HTML 2.29% JavaScript 11.69% TypeScript 0.07%

gsg-starter's Introduction

e# Gaza Sky Geeks Starter Project

Welcome to the start of your project. Here are the beginnings of a React web app using GraphQL to communicate with Django and Hasura on the back end.

Looking forward to seeing what you create :)

Getting Started

Install Docker: https://docs.docker.com/install/

Secrets

Create a file called .env in the same directory as this README containing:

POSTGRES_USER=postgres
POSTGRES_PASSWORD=postgres
POSTGRES_DB=postgres

Build and run the project:
$ sudo docker-compose up --build

Configure Hasura

In a browser go to:
http://localhost:8080/console/data/schema/public

Click 'Track' next to the posts_post table

Starting Django

Open a shell in Django app:
$ sudo docker exec -it django /bin/bash
$ python manage.py migrate
$ python manage.py runserver 0.0.0.0:8000

Useful Information

Webapp builder

Open a shell in the webapp build container:
$ sudo docker exec -it webapp /bin/bash

Hasura

Set up subscriptions and experiment with subscription queries in the Hasura console: http://localhost:8080

GraphQL

To experiment with graphql queries and mutations go to:
http://localhost:8000/v1/graphql

Live Reload

Live Reload is a browser extension which listens to webpack and reloads the webpage when a new build is available https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en

Troubleshooting

Sometimes, if Docker doesn't shut down correctly containers can be left running. To stop and remove all containers:
$ sudo docker stop $(docker ps -a -q) && sudo docker rm $(docker ps -a -q)

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.