The keyboard eccomerce project is a keyboard e-commerce application developed using React. The goal of the project is to create a web application or website that allows users to browse, search, and purchase keyboards online.
git clone <repo link>
cd keyboard_eccomrce
cd front-end
npm install
npm run dev
frontend server will run at http://locahost:5173
open new terminal
cd back-end
npm install
npm run dev
backend server will run at http://locahost:8080
Typescript
React
Zustand
Node.js
Express.js
Prisma
MySQL
Stripe
Cloudinary
-
Product Listing
The "keyboard_eccomerce" project includes a product listing feature that displays all available keyboard products. Users can browse through the list, view product details, and make informed purchasing decisions. This feature provides a centralized view of the products, enhancing the user experience and facilitating product exploration.
-
Create
Creating a product enables users to add new keyboard items to the platform, providing details such as the product name, description, price, and images. This allows sellers to showcase their keyboard offerings and make them available to potential buyers.
-
Update
Updating a product allows users to modify the information associated with a product. They can edit the product's details, update the price, description, or add/remove images. This feature ensures that product information stays up to date and accurately reflects the available keyboard items.
-
Delete
Deleting a product enables users to remove a product from the platform. This action is useful when a product is no longer available for sale or is no longer relevant. By deleting a product, users can keep the product catalog organized and ensure that only active and relevant products are displayed to buyers.
-
Create Review
The "User Reviews" feature in the "keyboard_eccomerce" project allows users to share their feedback and opinions about products. Users can leave reviews or ratings for the products they have purchased or experienced. This feature provides valuable insights to other users who are considering buying the same product. By reading these reviews, potential buyers can make informed decisions based on the experiences and feedback shared by other users.
-
Login
Registered users can log in to their accounts using their credentials (username/email and password). This grants them access to their profile, cart management, and the ability to like products.
-
Register
Users can create an account by providing their details, such as username, email, and password. This allows them to access personalized features and functionalities within the application.
-
Stripe
The project seamlessly integrates the Stripe payment platform to securely process purchases made on the platform, ensuring a smooth and safe payment experience for users.
-
Add
The "Add" functionality within the cart allows users to include products of their choice to their shopping cart. This means that when users come across a product they are interested in, they can click on an "Add to Cart" button or similar action, and the selected item will be placed in their cart.
-
Remove
the "Remove" functionality enables users to delete or eliminate items from their cart. If users change their mind about a particular product or no longer wish to purchase it, they can click on a "Remove" button or a corresponding action to remove the item from their cart. This helps users refine their selections and ensures that the cart only contains the desired products for purchase.
-
List Like Products
The feature enables users to view their list of liked products.
-
Add Like Products
Allows users to add products they are interested in to a liked list.
-
Remove Like Products
Users can remove products from their liked list if they change their preferences.
