cmatian / study-buddies Goto Github PK

Refactor app page to only consist of the routing elements. Also renamed LandingPage to Home.

I was looking at @jonesm7 docker test link and after visiting a page (that didn't exist) I realized we needed a NotFound.js (404 page).

The Google sign-in button has no text on it currently. Either we can try to fix the button, or maybe the button should be put into a modal.

Now that the Search.js page is redirecting to Map.js on submit, the API key needs to be changed.

Replacing the key in the config file doesn't work because it's injecting the script twice:

Need to implement a nav bar component that will allow cross-site navigation.

Implement the create-react-app starter files and synchronize it with the Express backend.

Use a more cozier video for the background to liven up the scene.

The home page is just about ready. The Search.js page is essentially the component we need to use for searching for an address and getting the location. That component in particular needs to be designed in a way where it's granular and can be applied to multiple pages without interfering with the rest of the design.

Implement a "Make Reservation" page or component that can be used to reserve a spot at a cafe or restaurant (or some public meeting place).

When I ran npm run dev on my machine, the react component started successfully but the server failed to start (that is a separate issue). However, the overall script only printed failures, it didn't stop everything (which would be the ideal).

This means a route like /biz/:biz_id that shows a dedicated page with the information for a single business, and later it can also show user reservations for the page (implement this separately).

This depends on #115 .

All of the form elements are required. Need strong input validation for this.

Also change the Date and Time Fields to a unified button that activates both selections. We don't want an input field so the user accidentally fills it in with junk data and we run into an edge case.

We need to set up the React router so that when we visit pages we don't run into any errors.

https://reacttraining.com/react-router/web/api/Route

• Full size hero banner in the background
• Search bar

Title.

Paths besides / are not forwarding from Express to React - this needs to be fixed.

A switch is needed in the App browserrouter component, otherwise the 404 page will always render.

A simple script in package.json should suffice provided that a .env file is present in the root of study-buddies.

We need a standard application logo that we can place into our navigational header. This will function as both the branding of the product as well as the persistent home button.

Simple update to the package.json file to include scss/sass support during the npm install. I don't believe anything extra has to be done to process the scss/sass file type. React by default breaks down non-standard CSS files into something readable by the browser.

Pages that need this:

• My Reservations
• Biz.js Component

PlaceSelected Component will show a currently selected place and show a little more detail.

• Add on clicks to each PlaceItem component to update PlaceSelected.

• Add on clicks to each Pin to update PlaceSelected

• Add "Make Reservation" button for currently selected item.

• Pass opening hours of business to reserve component.

On the "My Reservations" page, the nav bar covers up the page behind it. This doesn't happen on the home page because the navbar is transparent, and it doesn't happen on the map page because the map wrapper is positioned using a fixed margin at the top. It seems like there should be a more flexible way to do this. The fixed margin approach seems brittle, in case the navbar height ever changes.

We should update the README to recommend npm run dev now.