Skip to content

A custom webpage that hosts a map of aquariums in the US with reviews and images.

Notifications You must be signed in to change notification settings

ambornstein/JellyfishMap

Repository files navigation

About this Project

A project created to host reviews of aquariums all over the US. Each aquarium can have multiple reviews including overall quality rating and jellyfish exhibit rating, as well as a gallery of user-uploaded photos. The reviews are only posted with permission but available to be viewed publicly by anyone. This site implements a custom JWT authentication mechanism without using any auth frameworks.

aquarium-landing

Key Features

  • Interactive Map with over 100 aquarium locations in the US
  • JWT User authentication from scratch
  • Verified users post reviews and photos of aquariums

Tech Stack

  • Backend: Express.js, Node.js
  • Frontend: React.js
  • Database: MongoDB
  • Map API: MapBox SDK
  • Cloud Image Hosting: Google Cloud Buckets, Multer
  • Cloud Deployment: Google Cloud Run

Getting Started

Prerequisites

  1. Updating npm packages
    npm install
  2. Set up .env file
     MONGO_URI=<Your MongoDB database URI>
     JWT_SECRET=<Your Base64 secret key for JWT>
     PROD_URL=<The URL of the deployed site>

Running the Project

  • Compiling a build for deployment:
    npm run build
  • Running the site's Express.js server locally:
    npm start

Acknowledgements

Designed by Theresa He-Cheng

About

A custom webpage that hosts a map of aquariums in the US with reviews and images.

Topics

Resources

Stars

Watchers

Forks