This project is a full-stack e-commerce web application developed using Svelte, PostgreSQL, Prisma, Tailwind CSS, and Stripe API. The application allows users to browse and shop for items across different categories, add items to their cart, and proceed with payments using Stripe.
Check out the live version of the app here.
- Frontend Framework: Svelte
- Database: PostgreSQL
- ORM: Prisma
- CSS Framework: Tailwind CSS
- Payment Gateway: Stripe API
- Category Search: Users can explore various categories to find items.
- Shopping Cart: Users can add items to their cart for purchasing.
- Payment Integration: Stripe API is integrated for secure and smooth payments.
Svelte was chosen for its reactive nature and simplicity in building interactive user interfaces.
The PostgreSQL database is used to store and manage product details, user information, and cart data.
Prisma is utilized as the ORM (Object-Relational Mapping) tool to interact with the PostgreSQL database, providing a type-safe and intuitive way to handle database operations.
Tailwind CSS helps in rapidly styling the application with its utility-first approach, enabling efficient customization and responsiveness.
Stripe API is integrated into the app to handle secure payment transactions, ensuring a seamless checkout experience for users.
- Implement responsive design: Enhance the interface to be compatible with different screen sizes, including tablets and mobile devices.
- Implement user authentication and account management.
- Enhance search functionality with filtering and sorting options.
- Optimize the user interface for better user experience.
The full-stack e-commerce web app developed using Svelte, PostgreSQL, Prisma, Tailwind CSS, and Stripe API provides users with a convenient and secure platform for shopping across various categories and making hassle-free payments. Future updates will include responsive design enhancements to ensure accessibility across different devices.