A website where users bid on fake products with fake money!
View Live App
FreeBay is an eBay clone that allows users to search for and bid on fake products. Each product has an auction time limit and the user with the highest bid at the end of the limit, "wins" the product. Notifications are sent to users based on activity within the app such as, winning a product, being outbid, or receiving a daily reward. A user's notifications, highest bids, and products won can all be viewed on their profile. All profiles are public, however notifications can only be seen by the owner.
Each product's condition, rating, number of ratings, and auction end time are generated randomly, however all other product data is in freeBay has been scraped from a variety of Amazon's Best Sellers web pages using Python. The products are then pulled and manipulated to the frontend website by calling the backend API. Since auction starting prices are usually lower than the item's market price, each product's starting bid is 2/3 of the scraped Amazon price.
The coding languages, frameworks, and libraries that I used to build this project:
Frontend
- Javascript
- React
- Material-UI
- HTML
- CSS
- Axios
Backend
To get a local copy up and running follow these steps:
- Clone the frontend repo by clicking Download Zip from the green Code button at the top of the page or enter the following in the desired directory in your terminal:
git clone https://github.com/Bolmstead/freebay-frontend.git
- Clone the backend repo to a separate directory by going to https://github.com/freebay-backend. From there, click Download Zip again from the green Code button at the top of the page or enter the following in a separate directory in your terminal:
git clone https://github.com/Bolmstead/freebay-backend.git
-
After cloning each repo (and unzipping if downloaded), install the libraries in each frontend and backend repo.
npm install
- Install Postgres.
- Create a database named "freebay" in your terminal in the backend directory.
createdb freebay
-
Run the following command in your terminal in the backend directory to create the database tables and seed products to database.
psql -d freebay -f SeedTablesAndProducts.sql
-
Start servers in both frontend and backend directories and you are done!
Stretch goals for this project:
- Search filter box for a list of searched products.
- Users add their own products and ratings for products they've won.
- Websocket chat feature.
Berkley Olmstead - [email protected] - Linkedin
Project Links:
Live Site
https://github.com/freebay-frontend
https://github.com/freebay-backend