Alshafaraz Gazi
A modern, responsive portfolio website showcasing projects, skills, and professional experience. Built with Next.js 15, TypeScript, Tailwind CSS, Material-UI, and Framer Motion. Deployed on Vercel at coderchef26.dev.
:sparkles: Features
- Dark / Light Mode — toggle between themes
- Animated UI — smooth transitions and interactions via Framer Motion
- Projects Showcase — featured carousel + filterable grid
- Contact Form — validated form powered by Formspree
- Responsive — mobile-first design across all screen sizes
- SEO Optimised — proper meta tags and Open Graph support
:hammer_and_wrench: Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS + MUI |
| Animations | Framer Motion |
| Forms | React Hook Form + Zod + Formspree |
| CMS | Prismic (optional) |
| Hosting | Vercel — coderchef26.dev |
:rocket: Getting Started
# Clone the repo
git clone https://github.com/coderchef26/coderchef26.github.io.git
cd coderchef26.github.io
# Install dependencies
npm install
# Run dev server
npm run dev
Open http://localhost:3000 in your browser.
:gear: Configuration
Contact Form — create a free form at formspree.io and update the endpoint in src/slices/Contact/index.tsx.
Prismic CMS (optional) — set NEXT_PUBLIC_PRISMIC_ENVIRONMENT=your-repo-name in your .env file.
:mailbox: Contact
Alshafaraz Gazi — alshafaraz.gazi@gmail.com