Skip to content

minhvo-dev/React-Worldwide-Travel-Alert

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Even after the worst storms, the sun will shine again there are many more to come. So keep calm and stay home. 😉

Table of Contents

Overview

  • Worldwide Travel Alert is a simple mobile-friendly web application for travellers to check if there are any alerts for their trips.

  • The alerts are retrieved from the Government of Canada database.

  • The features include:

    • Updating the existing database.
    • Searching for alerts of a specific country in a region, subregion, or by a traveller.
    • Adding new alerts by traveller.

Installation

  • Clone the repo

  • Install packages in both frontend and backend

    cd backend/
    npm install
    cd ../frontend/
    npm install
  • Build the frontend and copy it to the backend

    cd ../backend/
    npm run build:ui
  • Start up the application

    npm start
  • By default, the application is started at http://localhost:5000

Notes

  • Frontend is a React application created with create-react-app package.
  • UI is built with Material UI framework.
  • Backend runs on Node.js and is built with Express.js.
  • Communication between frontend and backend uses GraphQL queries.
  • A simple data validation is implemented in the input form to validate users' input data when they add new advisories.

Acknowledgement

  • Worldwide Travel Alert is a case study of INFO-3139 course at Fanshawe College.
  • Special thanks to Professor Evan Lauersen for his detailed instruction.
  • Special thanks to a weird person for motivating me to finish this project before the deadline.

About

Repo for full-stack web application Worldwide Travel Alert

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published