Skip to content

NOTE: live site hosted on Render may require 30 sec for API calls 1st time- This ReactJS project uses Uses 4 different APIs. 3 on the Express server, 1 on the frontend. The backend code can be found here: https://github.com/Chris-Vander-Linden/city-explorer-api . The live frontend can be found here: https://amazing-buttercream-a9d4fc.netlify.app/

Notifications You must be signed in to change notification settings

Chris-Vander-Linden/city-explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

City Explorer

Author: Chris Vander Linden Version: 2.0.0

Overview

This updated version will allow for exploration of various types of venues, events, and the weather based off of the selected location.

Getting Started

  1. Clone repo from here
  2. Get your own API key for LocationIQ
  3. Create a .env file with the following: REACT_APP_LOCATION_KEY=[YOUR PERSONAL KEY VALUE]
  4. After opening the application in the root directory, type: "npm install" then "npm start"

Architecture

On the front end this application uses ReactJS, a few Bootstrap components, and axios to communicate with the APIs.

Change Log

01-30-2023 11:30 AM - Application now has navigation for components, a table to display mock weather data from remote server, and error handling.

02-3-2023 1:00 AM - Application is now connecting to the backend to pull weather and movie data. There is a table component that is being used to display the incoming data.

Credit and Collaborations

React documentation Bootstrap React documentation MDN documentation

MVC

MVC

Work Tickets

Name of feature: Add New Components, Navigation, Error Handling

Estimate of time needed to complete: 4 hours

Start time: 1/29/23: 11:00 AM

Finish time: 1/30/23: 11:45 AM

Actual time needed to complete: 6 hours


Name of feature: Add Weather API

Estimate of time needed to complete: 8 hours

Start time: 2/1/23: 12:00 PM

Finish time: 2/2/23: 11:45 PM

Actual time needed to complete: 9 hours total


Name of feature: Add Movie API

Estimate of time needed to complete: 5 hours

Start time: 2/3/23: 11:00 AM

Finish time: 2/3/23: 1:00 AM

Actual time needed to complete: 5 hours


Name of feature: Add Food API

Estimate of time needed to complete: 2 hours

Start time: 2/4/23: 10:00 AM

Finish time: 2/4/23: 5:00 PM

Actual time needed to complete: 1 hour


Name of feature: Modularize Components

Estimate of time needed to complete: 15 minutes

Start time: 2/6/23: 4:00 PM

Finish time: 2/6/23: 5:00 PM

Actual time needed to complete: 15 minutes


Name of feature: Display Cache Date for Components

Estimate of time needed to complete: 1.5 hours

Start time: 2/7/23: 10:00 PM

Finish time: 2/9/23: 7:00 PM

Actual time needed to complete: 4 hours

About

NOTE: live site hosted on Render may require 30 sec for API calls 1st time- This ReactJS project uses Uses 4 different APIs. 3 on the Express server, 1 on the frontend. The backend code can be found here: https://github.com/Chris-Vander-Linden/city-explorer-api . The live frontend can be found here: https://amazing-buttercream-a9d4fc.netlify.app/

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published