An open API service indexing awesome lists of open source software.

https://github.com/maorbezalel/shoppal

🛒 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.
https://github.com/maorbezalel/shoppal

axios express-validator expressjs fullstack-ecommerce json-web-tokens postgresql react react-hook-form react-router tailwindcss tanstack-react-query typeorm typescript vite

Last synced: about 2 months ago
JSON representation

🛒 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.

Awesome Lists containing this project

README

          



ShopPal - Shop Smarter, Shop ShopPal!




Live

|

Video (WIP)



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)](https://www.hit.ac.il/). 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

[comment]: <> ()
[comment]: <> (target="\_blank" rel="noopener noreferrer")



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

- [x] **Login/Sign Up System**: Users can create an account or log in to an existing one. Authentication is handled using JWT tokens.
- [x] **Product Browsing**: Users can browse products by category, price, and rating. They can also search for specific items and view product details.
- [x] **Review/Rating System**: Users can leave reviews and ratings for products they have purchased and view reviews left by others.
- [x] **Cart System**: Users can add products to their cart, view their cart, and remove items from their cart.
- [x] **Checkout Process**: Users can simulate a purchase by entering fake payment information and completing the checkout process.
- [x] **Order History**: Registered users can view their order history and see the status of their past purchases.
- [x] **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.
- [x] **Responsive Design**: ShopPal is designed to be responsive and accessible on all devices, including desktops, tablets, and smartphones.

## 🙏 Acknowledgements

- [**Looka**](https://looka.com/) - For the logo design.
- [**Realtime Colors**](https://www.realtimecolors.com/) - For the color palette.
- [**IconScout**](https://iconscout.com/) - For the lottie animation and svg vector used in our home and authentication pages.
- [**React SVG Icons**](https://reactsvgicons.com/) - For most of the icons used in the project.

## 🎉 Contributors



## 📄 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.