2024-Nov

Bike E-Commerce Web Application

This project was my final assignment for the Full Stack Development course, where I created a fully functional e-commerce platform from scratch using Ruby on Rails. The platform enables customers to browse products, place orders, and process payments while offering administrative tools for managing products, orders, and customers.

Section 1
Figure 1: Homepage of the E-commerce Platform

Building this application took around a month, as it involved going from a blank slate to a working product. I imported pre-existing datasets to streamline development and focused on understanding the interactions between the Model-View-Controller (MVC) architecture. I also integrated the pixels api to allow products to have images. What's more, this e-commerce platform I also integrated with Stripe's api and successfully passed the test. So it realizes the full set of functions from user login to put in cart to payment.

Section 2
Figure 2: Product Browsing Page

Section 3
Figure 3: Shopping Cart

For the administrator’s backend, I used ActiveAdmin to simplify product, customer, and order management. Stripe was integrated for secure payment processing, and dynamic navigation breadcrumbs were implemented for a user-friendly experience. I also ensured the platform was responsive and mobile-friendly, enhancing accessibility across devices.

Section 4
Figure 4: Admin Dashboard with ActiveAdmin

The project taught me valuable lessons, including managing database migrations, understanding the MVC pattern, and developing a cohesive user experience. Additionally, I improved my ability to use Rails features like scopes, validations, and RESTful routes to create dynamic and efficient workflows.

Learn MoreBack to Projects