IMPORTANT NOTICE: When run online, it might take a few seconds for the SpringBoot Backend Server to wake up since it is hosted on a free hosting tier.
Demo
Check out the live demo of VerdeShop at verdeshop.onrender.com to explore its features and functionalities.
Scroll down to see the screenshorts of the project
VerdeShop - An E-commerce Platform
VerdeShop is a full-stack e-commerce platform built using Vue.js, Spring Boot, Tailwind CSS, TypeScript, and H2 database. It offers a comprehensive set of features for both customers and administrators, providing an intuitive and seamless shopping experience.
Features
-
Product Management: Admins can easily add, edit, and remove products from the catalog.
-
Variant Selection: Customers can choose product variations such as color, size, etc., before making a purchase.
-
User Authentication: Secure user authentication system allows customers to create accounts, log in, and manage their profiles.
-
Shopping Cart: Users can add products to their cart, update quantities, and proceed to checkout.
-
Order Management: Admins can view and manage orders, process payments, and generate order receipts.
-
Ordr History and User Profile: Users can see their order history and manage their profile.
-
Responsive UI Design: The user interface is designed to be visually appealing and functional across various devices and screen sizes.
Technologies Used
- Vue.js: A progressive JavaScript framework for building user interfaces.
- Spring Boot: A powerful Java framework for building enterprise-level applications.
- Tailwind CSS: A utility-first CSS framework for creating custom designs with ease.
- TypeScript: A statically typed superset of JavaScript for enhanced code quality and maintainability.
- H2 Database: An in-memory database providing fast and efficient data storage for the application.
Screenshots













Installation
To run the project locally, follow these steps:
- Clone the backend repository and frontend repository from GitHub.
- Install dependencies for both the backend and frontend projects.
- Configure the database settings in the Spring Boot application properties.
- Build and run the backend Spring Boot application.
- Launch the frontend Vue.js application.
- Access the application in your web browser.
For detailed instructions on installation and setup, refer to the README files in the respective repositories.
Contributing
Contributions to VerdeShop are welcome! If you have any suggestions, bug fixes, or new features to propose, feel free to submit a pull request on GitHub.
License
This project is licensed under the MIT License, allowing for free use, modification, and distribution.