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!
- 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.
- 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.
- HTML
- CSS
- JavaScript
- Bootstrap(reactstrap)
- React
- npm
- 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.
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.