shopping_website Tailwind Templates

Shopping_website

Shopping website - React & Tailwind e-commerce platform.

Shopping website based on Amazon

This is a shopping website based on Amazon, built with Vite + React, Appwrite, Axios, Router, Heroicon, and Redux. It has the functionality of a cart, allowing users to add items to their cart, see their total cost, and manage their accounts.

Features

The Amazon clone has the following features:

  • User can create account
  • User can browse and search for products
  • User can add items to their cart
  • User can see the total cost of their items in the cart
  • User can view their cart and remove items from it
  • User can add and manage their shipping addresses

Technologies Used

The Amazon clone was built using the following technologies:

  • React: a JavaScript library for building user interfaces
  • Appwrite: Backend as a Service (BaaS) for managing databases, authentication, and more
  • Axios: a Promise-based HTTP client for the browser and node.js
  • React Router: a library for managing routes in a React application
  • Heroicon: a library of icons for use in web applications
  • Redux: a predictable state container for JavaScript apps
  • React Hook Form: a library for managing form state and validation in React applications

Installation

To run this project locally, clone the repository and run the following commands:

cd shopping_website
npm install
npm run dev

Usage

To use this project, simply browse the site and search for products. To add an item to your cart, first log in to your account (or create a new account if you dont't have one) from the navbar. Then go to the product page and click the "Add to Cart" button. To view your cart, open the sidebar from the top right corner of the page and click on Cart. To remove an item from your cart, click the "Remove" button next to the item. To add and manage shipping addresses, open sidebar and click on Addresses.

Credits

This project was built by mySelf with a lot of help from the following github repository : https://github.com/Milan-98/Amazon-Clone

This project is for the sole purpose of my learning and will not be used for any other purposes.

Thank you for checking out my shopping website! If you have any questions or feedback, feel free to reach out to me.

date: 11 september 2024 day 255

Top categories

Loading Svelte Themes