justinrusso/slurp

A Yelp website clone for ramen created for educational purposes

Hello, my name is

Justin Russo

I'm a full-stack software engineer.

I'm a passionate software engineer driven by the desire to create new, amazing experiences. Since creating my first application for Twitch and seeing it in action, I was obsessed with creating solutions to solve problems and enhance users' experiences.

Connect with me:

My work at a glance:

Languages:

Frameworks, Platforms and Libraries:

Other Technologies:

slurp's Issues

Business Edit Page

As a business owner, I want to update my business so users have the latest information about it.

• An edit button displays on the business view page if the current user is the owner
• A new page displays with inputs for name, address, city, state, zip, lat, and long
• Submit and Cancel buttons are displayed at the bottom of the page
• The form is validated for errors, and any errors are displayed under each input
• If successful, the user is directed back to the view page.
• A delete button is displayed on the bottom right.
• Successful deletion takes the user back to the home page.

Read & Create Reviews

As a user, I would like to leave reviews on businesses to help others pick new places to visit.

• Create Model and migration for database following schema
• Create seeder file
• Review stars appear in the Hero container of the business view page with the count of reviews
• A reviews section appears after reaching the end of the business information
• A box at the top displays the user's username
• On the left side of the box, the grayed-out stars appear that can be clicked to start a review.
• The text "Start your review of Business Name" appears below the stars
• When clicking on a star or the text, a modal appears. If stars were clicked, the amount is selected and colored in.
• A text area is displayed to enter the review comment
• A "Post Review" button submits the information
• Any errors are displayed under each input
• On success, the modal is closed and the new review can be seen.

Feat: Theme Provider

As a developer, I want a theme context that will provide common values to be used in the styled-components for consistency.

• Create Context
• Create Theme Provider
• Expose theme object to be consumed

Base concept of theme object:

{
  palette: {
    mode: 'light' | 'dark',
    common: {
      black: '#000',
      white: '#fff'
    },
    primary: {
      main: 'D62828',
    },
    secondary: {
      main: '#003049',
    }
  }
}

Note: Light and dark for primary, secondary, error, warning, info, and success should have an auto-generated light, dark, and contrastText

Business View Page

As a user, I want to see details about a business to determine if I want to check the place out.

• Create /api/businesses/ to get all businesses
• Create /api/businesses/:businessId to get details on a specific business
• The navigation bar displays at the top of the page
• The name of the business is displayed within the hero container
• The business name uses a Container to make its max-width consistent with the main content
• A sidebar displays on the right side with the location information of the business when the screen is lg or above.
• The main content displays on the left side (or full width if the screen size is less than lg)

Search

As a user, I want to search for businesses near me so I can discover new places to go see.

• A search bar appears in the center of the home page and can be used to search for ramen places near a location
• A search bar appears in the navbar when not on the home page

Feat: Home Page

As a user, I want an attractive landing page that allows me to log in, signup, and search for places to eat Ramen so I can navigate the website.

• Create Navbar
• When clicking Log In or Sign Up, a modal appears with the necessary form inputs
• The user can switch between Log In and Sign Up from a link in the modal
• A link to login as the demo user appears in the Log In modal
• Error messages are displayed if logging in or signing up has an error