BYTEBAZAAR - REACT PROGRAMMING E-COMMERCE

🚩 TABLE OF CONTENT

• Description
• Usage
• Technology used
• Installation
• Tests
• Credits
• Contributing
• Questions
• License

📖 DESCRIPTION

🎯 What is it about?

This is a React-based e-commerce website that includes features such as user login, product listings, shopping cart and a contact form.

💻 USAGE

💬 User story

As a programmer, I want to be able to purchase all necessary products to do my day-job in one convenient place, so that I can spend more time coding to my heart’s content.

🔍 Preview

When the user visits the website they are greated by the following homepage.

💻 Main functionalities

• Account Authentication The user can sign up to the web application using their Google account. This process is handled via Google's authentication service (Firebase).

• Product Filter The application consists of a vast array of different products for sale which are categorized into kits, depending on price and quality. When browsing the product section, the user can filter the results based on:

• categories (keyboards, mice, monitors, desk chairs)

• kits (Newbie, Ninja, Merge Master)

• Contact Form When the user submit the contact form, their details are handled using web3forms, an API based form backend that send the collected form data simultaneously to ByteBazaar company email.

• Local Storage (basket) The Basket component is linked to local storage.This means that anytime the user adds an item to the basket, the details of this item are stored in local storage and can be retrieved anytime the user comes back to our website. (Updating the basket triggers local storage to be updated as well)

✅ TECHNOLOGY USED

• HTML5 & CSS3
• Javascript
• Node.js
• React
• [Firebase] for user authentication
• Web3Forms for form handling
• AOS npm package (Animation On Scroll)
• Netlify for deployment

🚀 INSTALLATION

The ByteBazaar website is accessible online via this link

If you want to access the project locally, do the following:

• Fork the Github repository
• Clone the repository to your local machine
• Open the repository using your favourite IDE
• In your terminal execute npm i or npm install to install all dependencies

✅ TESTS

There are no tests available at the moment.

💬 CREDITS

• Ebay & Pixabay - Product images
• icon-icons - Icons
• A big thank you goes to our teacher and TA's at Trilogy Bootcamp

✨ CONTRIBUTING

All contributions are welcome. Contribution guidelines will be available soon.

❔ QUESTIONS

If you have any questions, please click here to send us an email. Our team will get back to you as soon as possible.

📃 LICENSE

This application is covered under MIT License.