Skip to content

Latest commit

 

History

History
109 lines (95 loc) · 7.64 KB

README.md

File metadata and controls

109 lines (95 loc) · 7.64 KB

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.