← Back to Portfolio

SoulFlex

A dynamic e-commerce website for a premium athletic clothing brand focused on performance and style

Website Features

🛒

E-Commerce Platform

Full shopping cart functionality with secure payment processing, inventory management, and order tracking.

📱

Responsive Design

Optimized for all devices with mobile-first approach, ensuring seamless shopping experience across platforms.

⚡

Performance Focus

Lightning-fast load times with optimized images, lazy loading, and efficient code architecture.

🎨

Brand Identity

Cohesive visual design reflecting athletic energy with bold colors, dynamic layouts, and sport-inspired graphics.

Project Overview

SoulFlex E-Commerce Website

A complete athletic clothing brand website built by a team of 8 NC A&T students, featuring multiple pages, interactive elements, and a cohesive brand experience.

This project demonstrates proficiency in HTML5, CSS3, JavaScript, responsive design, and collaborative development workflows.

Website Pages & Mockups

Homepage Mockup
Homepage
Homepage Design
Homepage Part 2
Homepage pt2
Homepage pt 2
Landing Page
Landing Page
Landing Page
Account Creation Form
Account Creation Form
Account Form
Loading Screen
Functional Loading Screen
Loading Screen
Shopping Cart
Shopping Cart - Checkout Process
Shopping Cart

Development Statistics

10
Unique Pages
5
Product Categories
8
Team Members
8
Weeks Development

Development Team

👤

Amil Clark

Designer, Frontend, and Backend Developer

UI/UX Design
💻

Jada Sheppard

Backend Developer

API Development, Database Design
📊

Jada Tinsley

Project Manager & QA

Testing, Deployment, Analytics
👤

Iyanna Gary

Frontend Developer

UI Implementation, Component Design
💻

Tyrell Scott

Backend Developer

Server Architecture, Database
📊

Amari Conner

Quality Assurance

Testing, Bug Tracking, Documentation
💻

Amia Rice

Backend Developer

Server Architecture, Database
📊

Mia Austin-CLick

Quality Assurance

Testing, Bug Tracking, Documentation

Project Overview & Development Process

Project Goals: Develop a complete e-commerce website codebase for an athletic clothing brand, focusing on modern web development practices and responsive design principles.

Development Process: Built using HTML5, CSS3, and JavaScript with React components. Implemented responsive design patterns, interactive shopping cart functionality, and dynamic product filtering systems.

Code Structure: Organized with modular components, clean separation of concerns, and scalable architecture. Used modern ES6+ JavaScript features and CSS Grid/Flexbox for layouts.

Key Development Features

Responsive Layout:
Mobile-first CSS with breakpoints, flexible grid systems, and touch-friendly navigation for all device sizes.
Interactive Components:
Dynamic product cards, filtering systems, shopping cart with real-time updates, and form validation.
Clean Code Practices:
Semantic HTML structure, organized CSS with custom properties, and modular JavaScript functions.
Version Control:
Git workflow with feature branches, collaborative development, and comprehensive documentation.
Learning Outcomes: Successfully demonstrated proficiency in modern web development technologies, team collaboration, and project management while creating a fully functional e-commerce website codebase with industry-standard practices.