Skip to content

πŸ›’ ShopPal: A full-stack e-commerce web app for seamless shopping. Developed at HIT, it features authentication, product browsing, reviews, cart system, and a fake checkout. Built with React, TypeScript, Node.js, ExpressJS, and PostgreSQL.

License

Notifications You must be signed in to change notification settings

MaorBezalel/ShopPal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

ShopPal - Shop Smarter, Shop ShopPal!

An Online E-Commerce Platform For All Your Shopping Needs!

🧐 Introduction

ShopPal is a full-stack e-commerce web application developed as a final project at Holon Institute of Technology (HIT). It is built with modern web and backend technologies and offers a seamless fake shopping experience for clothing, electronics, home goods, and more.

⛏️ Technologies Used

Property Badges
πŸ–₯️ Front-End Tailwind CSS TypeScript Axios Vite React React Router React Hook Form React Query
πŸ“‘ Back-End TypeScript TS-Node Express Express-Validator JSON Web Tokens
πŸ—„οΈ Database PostgreSQL TypeORM
πŸš€ Runtime Environment Node.js NPM
☁️ Hosting Netlify Render

🎈 Features

  • Login/Sign Up System: Users can create an account or log in to an existing one. Authentication is handled using JWT tokens.
  • Product Browsing: Users can browse products by category, price, and rating. They can also search for specific items and view product details.
  • Review/Rating System: Users can leave reviews and ratings for products they have purchased and view reviews left by others.
  • Cart System: Users can add products to their cart, view their cart, and remove items from their cart.
  • Checkout Process: Users can simulate a purchase by entering fake payment information and completing the checkout process.
  • Order History: Registered users can view their order history and see the status of their past purchases.
  • Account Management: Registered users can update their account information, including their full name, user name, email, password, avatar image, delivery address, and fake payment information.
  • Responsive Design: ShopPal is designed to be responsive and accessible on all devices, including desktops, tablets, and smartphones.

πŸ™ Acknowledgements

  • Looka - For the logo design.
  • Realtime Colors - For the color palette.
  • IconScout - For the lottie animation and svg vector used in our home and authentication pages.
  • React SVG Icons - For most of the icons used in the project.

πŸŽ‰ Contributors

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

About

πŸ›’ ShopPal: A full-stack e-commerce web app for seamless shopping. Developed at HIT, it features authentication, product browsing, reviews, cart system, and a fake checkout. Built with React, TypeScript, Node.js, ExpressJS, and PostgreSQL.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published