ShopHer is a web tool for consumers and female business owners combining a Chrome web extension and a web app to bring awareness and support to women-owned businesses.
-
Made with React (bootstrapped with Create React App), JavaScript, HTML/CSS, Firebase Realtime Database, Firebase Authentication, Firebase Storage, Axios, Express, Material UI
- Upon visiting our domain,
shopher.web.app, the user can view all of the registered women-owned businesses - The category menu allows users to view businesses based on the type of products they sell
.gif)
- A female business owner can create an account to add their business to our database, or log in to make changes to their pre-existing account
- A female business owner can easily edit their profile using the edit profile form
- A female business owner can upload their image or replace their current one
- On the home page, users can click on a business card to view their profile details including their:
- business name
- image
- location
- type of business
- bio
- story of how their business began
- instagram link
- website link
- home
- profile (pass in props for specific user)
- log in
- sign up
- implement page routing
- app navbar
- home category menu
- home business card
- profile story article
- implement filter-cards-by-category
- implement edit profile
-
run
npm startto spin up the webapp in your browser at http://localhost:3000 the page will reload if you make edits -
to learn React, check out the React documentation.