Coder Social home page Coder Social logo

jinhao-l / nuscats Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 28.83 MB

Progressive web app for Cat lovers to share cat location and images. Used to crowdsource cat locations for NUS CatCafe

Home Page: http://nuscats.herokuapp.com/

TypeScript 40.29% JavaScript 0.33% Dockerfile 0.16% HTML 57.62% CSS 0.43% Handlebars 1.17%

nuscats's Introduction

Logo

NUS Cats

Find the location of your favourite cats through crowdsourced data shared by cat lovers like you! View pictures of your favourite cats and share them with like-minded cat lovers here on this app


Try out the progressive web app here @ https://nuscats.herokuapp.com

Screenshots

Map

Ashy Profile

Team Members

Name Number Contributions
Tan Kang Liang A0150038R Fullstack, Sightings
Huang Weijie A0190270M Fullstack, Cats
Lim Jin Hao A0205878R Fullstack, Authentication
Let Yan Wen Dominic A0183831A Fullstack, Profile

Development

The frontend can be found at http://localhost:3000.

The backend can be found at http://localhost:3001

With Docker

Prerequisites

  1. Docker
  2. docker-compose

Environment

The following variables are needed in frontend/.env

REACT_APP_MAPBOX_TOKEN
MESSAGING_VAPID_KEY

The following variables are needed in backend/.env

POSITIONSTACK_API_KEY
EMAIL_ID
EMAIL_PASS
EMAIL_HOST
EMAIL_PORT
FIREBASE_PROJECT_ID
FIREBASE_CLIENT_EMAIL
FIREBASE_PRIVATE_KEY

Running

From the root of this repository, run

$ docker-compose up --build

This will spin both the frontend and backend in development mode with watch mode and changes should be reflected automatically.

If you only need either frontend/backend, you can specify only one like

$ docker-compose up frontend

To shut down services after you are done, run

$ docker-compose down

Without Docker

Note that without Docker, you will need to have your own instance of Postgres running and set the necessary environment variables when running the backend. You will also need to set up a local Minio server to simulate S3 features.

Prerequisites

  1. Node
  2. Yarn

Environment

Please refer to the above for frontend/.env.

Please refer to backend/src/config/config.schema.ts for all variables used.

Running

Frontend

yarn fe:start

Backend

yarn be:start

Logging in as Admin in-app:

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.