- Contributors
- Introduction
- Learning Goals
- Technologies
- Features
- Page Demo
- Future Extensions
- Set Up
- Project Spec
- GitHub Repo
- Deploy Link
- Additional Resources
Save yourself time trying to find a good brewery and use Brew Maps, where you can find a perfect brew for you. You can scroll through the list of breweries and look at their reviews and where they are located. Want to see if a brewery's is good? Search for it using our responsive search bar and look at the reviews.
Brew Maps is a group project for Module 3 that is a cummulation of Module 3's lessons on React, Express, Cypress E2E testing, and Router.
- Learning how to self-teach a new topic: TypeScript
- Successfully implement TypeScript
- Build a good understanding of TypeScript
- React
- TypeScript
- HTML
- CSS
- Express
- Cypress
- Fetch API
- Webpack
- NPM
- Router
- Upon page load, the user is presented with 20 different breweries.
- A user can search for a specific brewery and the breweries will populate on the page based on the user's input.
- When a user clicks on a brewery, they are taken to a screen with the brewery name and reviews for that brewery.
- Users can leave their own review on a brewery.
- Users can utilize the forward/backward arrows to navigate their history on the site and can share a specific URL pertaining to each brewery.
- Create a user login
- Add images for the breweries
- Allow users to favorite a brewery
- Fork and clone this repo.
- Type
cd brew-maps
to move into the root directory. - Run
npm install
to install necessary dependencies. - Run
npm start
. - Copy the url given by running
npm start
and open in your browser.- URL:
git@github.com:stephanie-roe/brew-maps.git
- URL:
- Run Cypress tests with
npm run cypress
if all dependencies are installed correctly.- Before running Cypress, restart the back end server (instructions below).
- Explore the available movies and see their details!
In addition to the above repo running in your terminal, you will also need to follow the steps below to start the back end api that we created.
- Clone down THIS repo
cd
intobrew-maps-api
- Run
npm init
- Run
npm i express
- Run
node server.js
to start the back end server
- The spec for this project can be found here.
- The project repo can be found here.