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

1. Move into server directory and install dependencies npm install
2. 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.
3. Run npm run dev to start development server & npm start to start production server.

Running Client

1. Move into client directory and install dependencies npm install
2. 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.
3. 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