VESTIQUE: E-Commerce

VESTIQUE – A Minimal E-Commerce Store

Introduction

Building side projects is a great way to sharpen skills, experiment with new technologies, and create something useful. VESTIQUE: E-Commerce is one such project—a simple yet evolving online store that I’ve been developing in my free time.

Why I Started VESTIQUE

I wanted to build an e-commerce application that follows best practices and utilizes modern technologies. Instead of just following tutorials, I aimed to create something practical, scalable, and maintainable. VESTIQUE is not just a demo project; it’s a playground where I integrate new features over time while improving my skills in frontend development and state management.

Tech Stack

For this project, I chose the following technologies:

• React: The core library for building the UI.
• JavaScript & TypeScript: Initially started with JavaScript but migrated parts of the project to TypeScript for better type safety and maintainability.
• Styled-Components: For writing scoped, maintainable, and reusable styles.
• Firebase: Handles authentication, database storage, and hosting.
• Redux & Redux Saga: State management with Redux and middleware handling with Redux Saga for better control of asynchronous operations.

Features Implemented

• User authentication with Firebase (Sign-up, Login, Logout)
• Product listing
• Checkout and payment gateway integration
• Shopping cart functionality
• Redux state management for products and user sessions
• Responsive design using Styled-Components

Best Practices Followed

To ensure the project is structured well and scalable, I have followed industry best practices:

• Component-Based Architecture: Reusable components for better maintainability
• Type Safety: Migrating to TypeScript to minimize runtime errors
• State Management: Using Redux for global state and Redux Saga for handling side effects
• Lazy Loading & Code Splitting: To optimize performance
• Modular CSS: Styled-components for encapsulated styles

Work in Progress & Future Plans

VESTIQUE is still under development, and I update it from time to time. Some upcoming features and improvements include:

• Enhanced product search and filtering
• Wishlist feature
• Admin dashboard for managing products and orders
• Performance optimizations and UI improvements

Final Thoughts

Building VESTIQUE: E-Commerce has been an exciting and rewarding experience. It’s an ongoing project that allows me to experiment, learn, and implement best practices while creating something functional. I believe side projects like this are essential for growth as a developer, and I look forward to continuing its development.

If you’re interested in following along or checking out the project, stay tuned for updates!

here is the link to live project : Visit the website 🚀

Bellow there are screenshots of the project: