Code Monkey home page Code Monkey logo

brewtalk's People

Contributors

tashiad avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

brewtalk's Issues

Search brewery by name

As a user, I can search for a brewery by name so that I can quickly get information about a place I already had in mind.

API

Final clean up/refactor

  • Review naming
  • Make class naming kabab or camel consistent
  • Check for semicolons, single vs double quotes
  • Check for inconsistent spacing
  • Add About page to Cypress
  • Run Cypess tests again
  • Run WAVE and Lighthouse again

Loading & Error handling

Account for missing data from breweries API
Add message for when you click save on a dad joke

Get Directions

As a user, once I've selected a brewery and a dad joke, I want to be able to get directions to my chosen brewery.

Favorite a dad joke

As a user, I can save a dad joke to favorites so that I can remember to use it later.

Initial Refactor Round

  • selectJoke and unSelectJoke are WET
  • clean up selectBrewery method (get rid of SearchedWithSelected prop?)
  • need ...this.setState everywhere?
  • Add route to homepage from logo

Finalize CSS/Styling

  • Text highlight orange on hover
  • Refactor button class names
  • Make responsive
  • Revisit miro board for ideas
  • Style favorites page

User Personas

2 separate user personas describing people in your niche audience

local storage

Feature/local-storage branch already open
Ran into bug where favorites from state wasn't being reflected in local storage. Would say the array is empty when one had been added, even though it was there in state in React dev tool. Only worked once a second joke was favorited.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.