SoleStride

A modern, responsive React web application for showcasing handcrafted footwear, custom shoe design, and repair services.

Table of Contents

• Overview
• Features
• Tech Stack
• Getting Started
• Project Structure
• Available Scripts
• Customization
• Contact

Overview

SoleStride is a portfolio and business website for a shoemaking and repair brand. It highlights the brand's craftsmanship, featured products, customer reviews, and contact information, all wrapped in a visually appealing and user-friendly interface.

Project Link

• https://solestride-mloud.netlify.app

Features

• Hero Section: Eye-catching hero image and animated typewriter introduction.
• Featured Products: Dynamic product cards displaying images, names, and descriptions of various footwear styles.
• Customer Reviews: Real testimonials from satisfied customers.
• Contact Section: Business hours, phone, and email for easy communication.
• Responsive Design: Looks great on all devices.
• Modern UI: Clean, elegant, and accessible interface.

Tech Stack

• Frontend: React 19, Vite
• Styling: Custom CSS
• Animation: typewriter-effect
• Linting: ESLint

Project Structure

Sol-Stride/
├── public/
├── src/
│   ├── assets/
│   │   ├── Images/           # Product and hero images
│   │   └── samples.js        # Product data
│   ├── Components/
│   │   ├── Header.jsx
│   │   ├── Main.jsx
│   │   ├── Products.jsx
│   │   ├── Image-cards.jsx
│   │   ├── Reviews.jsx
│   │   ├── Contact.jsx
│   │   └── Footer.jsx
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── index.html
├── package.json
└── README.md

Contact

For business inquiries or support:

• Phone: +234 8130103918
• Email: olanrewajumariam162@gmail.com
• Location: Akala Expressway, Ibadan

---

© 2024 SoleStride. All rights reserved.