https://github.com/iammar7/ammaransari
Personal website
https://github.com/iammar7/ammaransari
framer-motion nextjs reactjs tailwindcss vercel
Last synced: 3 months ago
JSON representation
Personal website
- Host: GitHub
- URL: https://github.com/iammar7/ammaransari
- Owner: iAmmar7
- Created: 2022-08-13T11:42:45.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-06T00:06:04.000Z (about 2 years ago)
- Last Synced: 2025-06-09T01:01:51.526Z (about 1 year ago)
- Topics: framer-motion, nextjs, reactjs, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://ammaransari.dev
- Size: 40.3 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ammaransari.dev
My personal portfolio website built with Next.js, React, and TypeScript.
**Live:** [ammaransari.dev](https://ammaransari.dev)
## Tech Stack
- **Framework:** Next.js 16 (App Router) with React Compiler
- **Language:** TypeScript
- **Styling:** Tailwind CSS 4
- **Animations:** Motion
- **Email:** Resend
- **Analytics:** Vercel Analytics & Speed Insights
- **Deployment:** Vercel
## Pages
| Route | Description |
| ---------------- | ------------------------------------------ |
| `/` | Home with hero section and contact form |
| `/about` | About me |
| `/experience` | Work experience timeline |
| `/skills` | Filterable skill matrix by domain |
| `/projects` | Project listing with skill-based filtering |
| `/projects/[id]` | Project detail page |
## Project Structure
```
src/
├── app/ # Pages, layouts, and API routes
├── components/ # Shared React components
├── data/ # Static content (projects, skills, experience)
├── hooks/ # Custom React hooks
├── lib/ # Utilities and helpers
└── types/ # TypeScript type definitions
```
## Getting Started
```bash
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Lint
npm run lint
```