sereyatiampati / auctioneers-reactjs-client

The repository contains the front-end code for a bidding system web application built using ReactJS . The user interface is designed to provide a seamless and intuitive experience for both buyers and sellers, allowing them to easily browse products, place bids, and manage their listings. It includes all the necessary code and documentation.

Auctioneers App

Created by:

---

Authors and Contributors

No	Name	Email	Role
1	Emilly Tiampati	[email protected]	Scrum Master & Developer
2	Alois Mbutura	[email protected]	Developer
3	Daniel Njuguna	[email protected]	Developer
4	Randy Cherutich	[email protected]	Developer
5	Maryann Njuguna	[email protected]	Developer
6	Kenny Saruni	[email protected]	Developer

---

Description

The repository contains the front-end code for a bidding system web application built using ReactJS . The user interface is designed to provide a seamless and intuitive experience for both buyers and sellers, allowing buyers to easily browse products, place bids, and manage their bids. It includes all the necessary code and documentation.

Deployed Live link

Figma Design

Figma

Back end

• Auctioneers Rails Server API Gitbub Repository
• Deployed live link for one of the endpoints

Technologies used in this project:

• React
• React Router
• Bootstrap
• CSS
• HTML
• Ruby on Rails

Setup Requirements

• Ruby 3.0.0 or higher
• Rails 6.1.0 or higher
• Postgresql
• NPM
• Node.js
• Web-browser of your choice

How to Set up locally on your computer

1. Clone this repository [email protected]:sereyatiampati/Auctioneers-ReactJS-Client.git
2. Change directory to the cloned repo cd Auctioneers-ReactJS-Client
3. Run bundle install to install the Rails API dependencies
4. Run rails server to start the server
5. Run npm install to install dependencies for the react frontend application
6. Run npm run dev to start the react frontend

Features

• ability to signup/register and login as buyer
• ability to signup/register and login as seller
• persistent login using tokens
• ability to add a product for auctioning as a seller
• ability to delete product as a seller
• ability to update products
• ability to close a bid before the end date as a seller
• ability to view active products available for auctioning
• ability to bid for a product
• ability to bid for a product multiple times
• ability to bid multiple products
• ability to view total number of bids placed on each product
• ability to view highest bid amount placed on each active product
• ability to view countdown timer on each active bid
• ability to filter products by category
• Users will see the winning bid once the bid is closed.
• Winning bidder receives email notification
• Responsive design for users of different screen sizes.

Front-end Sample Design

• Landing page

• Auctions

• Product view

• Confirm Bid

• Bid History

• Seller's Dashboard

  Contact

  See contacts

  Copyright © 2023. All rights reserved.