This project is a responsive e-commerce storefront application built using React and Redux with automated CI/CD deployment using GitHub Actions. The application demonstrates modern frontend architecture, centralized state management, API integration, and pipeline-based deployment validation.
The goal of this project is to showcase end-to-end application delivery skills combining frontend engineering with DevOps automation practices.
- Product listing and category filtering
- Shopping cart functionality (add/remove/update items)
- Product detail views
- Login and registration pages
- Centralized state management using Redux
- REST API integration for product data
- Multi-page navigation using React Router
- Responsive UI using Bootstrap
- Automated CI/CD deployment workflow using GitHub Actions
Frontend
- React
- Redux
- React Router
- Bootstrap
DevOps / Automation
- GitHub Actions (CI/CD pipeline)
- Automated build workflow
- Deployment lifecycle validation
Integration
- REST API product data service
This project includes a GitHub Actions workflow that:
- installs dependencies
- runs application build steps
- validates deployment readiness
- supports repeatable automated delivery workflows
Pipeline configuration:
.github/workflows/ci-cd-deploy.yml
- Component-based reusable UI structure
- Centralized Redux store for application state
- Route-based page navigation model
- External API-driven product catalog
- Automated pipeline-based deployment validation
This repository demonstrates practical experience with:
- frontend application architecture
- state management patterns
- REST API integration
- CI/CD automation workflows
- DevOps-enabled application delivery
It serves as a portfolio project supporting roles in:
- Cloud Engineering
- DevOps Engineering
- Platform Engineering
- Frontend-enabled infrastructure teams
- Automation engineering environments