ShoppingHup

Welcome to ShoppingHup, a responsive e-commerce website where you can discover and buy the latest products, from electronics to clothing, with a great online shopping experience!

Features

• A wide range of products to choose from, conveniently displayed in a grid-like list with images, names, and prices.
• The ability to add products to your cart, delete them, and see the total price of your items.
• A checkout page where you can input your name, email, and payment information, and see the total price including shipping.
• A search bar to filter products by name, and sorting options by price or name (ascending or descending).
• Product details pages where you can see a larger image, the product description, and related products.
• Login and register pages with simple forms.
• Accessible design for all users.
• SEO-friendly structure and metadata for better search engine results.
• Responsive layout for optimal display on different devices.
• Notification messages for adding or deleting items from the cart.

Pages

• Home: The main page with a welcome message, featured products, popular products, and testimonials.
• All Products: A page where you can see all available products, filtered and sorted by user preferences.
• Cart: A page where you can see the products you added to your cart, update the quantity or delete them, and see the total price.
• Checkout: A page where you can input your personal and payment information, see the total price including shipping, and submit the order.
• Login/Register: Pages with simple forms to sign in or create an account.
• Product Details: Pages with detailed information about each product, and related products at the bottom.

Technologies Used

• HTML
• CSS
• JavaScript
• Bootstrap(reactstrap)
• React
• npm

Setup

• Clone this repository to your local machine.
• run "npm i" on the command line
• run "npm start" on the command line

Developed by Ahmed Alawneh as a personal project for learning purposes.

Acknowledgements

I am grateful to Foothill Technology Solutions for providing me with the opportunity to participate in this internship cycle, and for their support throughout the development of this project.