Portfolio

Overview:

This e-commerce platform offers a complete shopping experience for customers, from browsing products to managing their cart and completing purchases. The site is designed to be scalable, secure, and user-friendly, with a responsive interface that works across devices. AWS services such as RDS for database management, Elastic Beanstalk for deployment, and CodePipeline for continuous integration and deployment (CI/CD) play a crucial role in streamlining the development and maintenance of the platform.

Screenshots

Key Features:

1. Product Listing:
   • The homepage displays a list of available products in a grid layout. Each product card contains an image, name, description, and price. Customers can view the details of individual products or directly add them to the cart​.
2. Product Detail Pages:
   • Each product has its own detail page, which includes a larger image, a detailed description, and price. Customers can add the product to their cart from this page​.
3. Shopping Cart:
   • The cart page lists all the products that the customer has added. Each item includes the product name and price, giving users an overview of their order before proceeding to checkout. A button allows customers to proceed to the checkout page​.
4. Checkout Process:
   • Once the customer confirms their cart items, they can complete the purchase through the checkout page. A thank-you message is displayed after successful checkout, signaling the completion of the transaction​.
5. Responsive Design:
   • The entire platform is built with Bootstrap, ensuring that the e-commerce site is fully responsive. This means that the site adapts to different screen sizes, providing a seamless experience on both mobile and desktop devices​.
6. AWS Integration:
   • The platform leverages AWS services for cloud-based scalability, reliability, and streamlined development.

Tech Stack:

1. Backend: Flask (Python)
   • Flask is used as the backend framework to manage the server-side logic of the e-commerce platform. It handles routing, form submissions, and integrates the database to serve product information dynamically.
2. Frontend: HTML, CSS, Bootstrap
   • The front end of the project is built using HTML and CSS for structuring and styling the web pages. Bootstrap is employed to ensure the design is responsive, with built-in styles for elements such as grids, buttons, and cards.
3. Database: AWS RDS (MySQL)
   • AWS RDS (Relational Database Service) is used to host the MySQL database that stores product details. This managed database service ensures scalability and automated backups, improving performance and security.
4. Deployment: AWS Elastic Beanstalk
   • Elastic Beanstalk simplifies the deployment and scaling of the e-commerce platform. It automatically handles infrastructure provisioning, load balancing, and application scaling.
5. CI/CD Pipeline: AWS CodePipeline
   • AWS CodePipeline is used to automate the build, test, and deployment process. It ensures that code changes are continuously integrated and deployed, speeding up the release cycle and reducing the risk of errors.

Category:

Tags:

Links:

• GitHub