Skip to content

jesspaul/travel-app-fe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Travel Tracker App

This SPA was created for a user to save a list of countries they've visited and list countries they want to visit in the future.

Technologies Used

  • JSX
  • CSS
  • JavaScript
  • React
    • Hooks - useState, useEffect
    • Context API
  • Express
  • NodeJS
  • MongoDB
  • Mongoose
  • Google Firebase
  • Unsplash API
  • Restcountries API

Features

  • Log in and out with Google account
  • Track a list of countries that the user has visited and a separate list of countries they want to visit
  • Within each country, the user can list cities they've visited or want to visit
  • In each city, the user can add information about their trip
  • The countries, cities, and details have full CRUD capability

Wireframes

Wireframe showing home page Wireframe showing list of countries Wireframe showing country details

Screenshots

Screenshot showing home page Screenshot showing history page Screenshot showing country details Screenshot showing new city

Future Goals

  • Allow the user to upload personal photos
  • Fine tune styling with custom fonts, more sophisticated layout, CSS transitions
  • Fix bug that breaks app when user refreshes page