🎨 Creative Hub

---

💭 Vision

Creative Hub is envisioned as a centralized, elegant platform for showcasing my creative work, built to be as intuitive to navigate as it is powerful to experience.

It’s more than just a portfolio: it’s a responsive, scalable solution that merges form and function. As development progresses, I plan to fully migrate my existing projects and digital presence into this unified space to improve accessibility, performance, and presentation across devices and users.

🔧 Modular, route-based architecture
💡 Fully responsive and optimized for scalability
📫 Includes integrated contact form and smooth scrolling sections

---

🚀 Features

• 🧠 Dynamic routing with slug-based URLs

• ⏳ Lazy-loaded components using React.lazy & Suspense

• 🖼️ Smooth background transitions per project

• 🧩 Modular project pages:

  • Lazy Appz: Stacked cards per category (web, games, mobile)
  • PORTFOLIO: Video intro, tech stack, testimonials, and contact
  • Sdrow Vieli: Carousel + tab-based layout

• ✨ GSAP-powered UI animations

• 💌 Formspree contact integration

• 🎯 Mobile-first design with useMediaQuery via Material UI

Updates

• Make page refresh work

• IOS (Safari) fix lack of pinning issue on scrolling

• Move website deployment to different platform

• Added review & contributions section

• Added interactive stack visualizer

• Update Lazy Appz page:

  • Add tabs for page
  • Add content to the page
  • Organize projects and details

• Update Portfolio page links to reference Lazy Appz

• Update Sdrow Vieli page:

  • Add content relative to the page

• Make Fully Responsive:

  • Landscape mobile
  • [x]Main page portrait mobile

---

📁 Project Structure

src/
├── App.jsx
├── components/
│ ├── shared/ # Reusable UI components
│ ├── projects/ # Project-specific views
│ └── icon_ticker/ # Icon and testimonial tickers
├── data/ # All project + UI content (JSON)
│ └── *.json
├── assets/ # Static files (images, slogans, video)
└── EmailForm.jsx

---

🌐 Routes

Path	View Component	Description
/	App	Main card carousel and navigation
/lazy-appz	LazyAppz	Stacked cards for various app types
/portfolio	Portfolio	Full project showcase + contact form
/sdrow-vieli	SdrowVieli	Slider and tabbed word experiment
*	NotFound	404 fallback

Routing is dynamically matched using slugs generated from project titles.

---

🧪 Contact Form Setup

CreativeHub uses Formspree

🙏 Acknowledgements

• React

• Vite

• Material UI

• GSAP

• Formspree

📜 License

MIT License © 2025 Lindo Matabane