Circles

Developing a Social Groups web-app using typescript and graphQL

Technology Used

Frontend

• NextJs
• Apollo Client

Backend

• Apollo-Express as a Server
• Postgres as a Database
• TypeGraphQL for setting GraphQL-API
• TypeORM as an ORM
• Redis for storing user session
• Firebase Storage for storing and serving images

Setup

Database

1. Make sure you have Redis installed in your computer
2. Make sure you have Postgres installed in your computer if not install it from here
3. Open the Postgres shell(psql) and create a database

       create database circle;

4. Replace your database url in .env (check .env.example file for reference)

Firebase Storage

1. Create a firebase project
2. Go to project settings -> service accounts -> generate new key (it will download a json file which has project keys)
3. save the json file as src/firebase-admin-credentials.json

Frontend

1. cd into the client and install all dependencies

      cd client
      yarn

2. start dev server

       yarn dev

Backend

1. cd into the server and install all dependencies

      cd server
      npm install

2. open two terminals and run each of the below commands in seperate terminal

•      npm run watch

•      npm run dev