Portfolio (Strapi + Vite React)

A full-stack portfolio using Strapi (backend CMS) and a Vite + React (frontend) app. Content types include pages, projects, and blog posts. The frontend consumes Strapi APIs for dynamic content.

Tech Stack

• Backend: Strapi, SQLite
• Frontend: Vite + React, Material UI

Project Structure

• backend/ — Strapi app
• frontend/ — Vite React app

Setup

1) Install dependencies

cd backend && npm install
cd ../frontend && npm install

2) Run development servers

• Start Strapi (backend):

cd backend
npm run develop

• Start Vite (frontend):

cd frontend
npm run dev

Key UI Features

• Home page : full-viewport hero image with overlay text
• About: hero image and about me text
• Projects: modern 2-column cards with images
• Blog: markdown rendering including embedded images
• Contact: form posts to Strapi and shows success/error