Covid Tracker

A full stack application that allows user to check whether they might be infected with Covid-19 and display the infected cases on a map.

Tech Stack

React - Single Page Application Framework
Auth0 - Secure Authentication Management Service
Node - Javascript Runtime
Express - Javascript API Framework
MongoDB - NoSQL Database Management System
Vercel - Platform for Hosting Frontend Application
Render - Node.js Hosting Environment
MongoDB Cloud - Mongodb Hosting Environment

System Architecture

Project Dependencies

Server

Express - For creating node server
Mongoose - For managing mongodb
winston - For logging

Client

Tailwindcss - For styling
Flowbite React - For UI components styled in tailwindcss
React Simple Maps - For display data on maps
React Router - For handling page routing

Run Locally

Running Server

Move into server directory and install dependencies npm install
Rename .env.example file to .env and provide values for each key. To get values for mongo keys, you need to create a database cluster on mongodb cloud.
Run npm run dev to start development server & npm start to start production server.

Running Client

Move into client directory and install dependencies npm install
Rename .env.example file to .env and provide values for each key. To get values for Auth0 keys, you have to create an application on Auth0 with API managemnet.
Run npm run dev to start development server & npm start to start production server.

Deployment and Pipeline Infrastructure

API Documentation

See apis documentation for more info.

Screenshots

See images/screenshots for application screenshots.

Demo

demo.mp4