Table of contents

• General info
• Instructions
• Functionality
• Technologies
• Dependencies
• DevDependencies
• Github Link

General Info

This application is meant for someone who wants to get rid of old junk for some coin, or for someone who is in need of an every day appliance. Bidbot allows user to post or bid on items in our database. Using React.js, the user is able to place bids on items or post items (without images for now) to be bid on by other users.

Instructions

In order to use the application, be sure to install all of the dependencies (see below). If the user would like to test in development, they must run npm start in the command line after running npm run seed to populate the database.

Functionality

• Landing page where user decides where they would like to go.

• Second page where user can post an item.

Technologies

• Node
• Bootstrap
• Mongoose
• React.js
• ReactStrap
• Heroku (coming soon)

Dependencies

• Axios version 0.19.2
• Bootstrap version 4.4.1
• Express version 4.17.1
• Mongoose version 5.9.3
• React version 16.13.0
• React-advanced-form version 1.7.2
• React-bootstrap version 1.0.0-beta.17
• React-dom version 16.13.0
• React-dropzone version 10.2.1
• React-router-dom version 5.1.2
• React-scripts version 3.4.0
• Seeder version 0.2.4

DevDependencies

• Concurrently version 4.1.0
• Nodemon version 1.18.7

Github Link

https://github.com/vormc2005/Project3

This project was bootstrapped with Create React App.

{/* filter allows us to search by item name */} {/**Filtering through results */} {this.state.results .filter( (item) => item.itemname .toLowerCase() .trim() .includes(this.state.search.toLowerCase().trim()) || item.category .toLowerCase() .includes(this.state.search.toLowerCase()) ) .map((item) => { return ( <>

{item.itemname}

• Condition:{" "} {item.condition}



• Current bid: $ {item.startingbid}



• Buyout price: $ {item.buyout}{" "}

this.handleBuyNow(item)} > Buy Now



this.handleBidSubmit(e, item) } > Place bid

); })}