portfolio Tailwind Templates

Portfolio

A modern, responsive portfolio website built with Next.js, Tailwind CSS, and Radix UI. It showcases projects, certifications, and skills with elegant animations, charts, and interactive UI components.

๐Ÿš€ Akhildev MJ โ€” Developer Portfolio

A modern, responsive portfolio website built with Next.js, Tailwind CSS, and Radix UI. It showcases projects, certifications, and skills with elegant animations, charts, and interactive UI components.

๐ŸŒ Live Site: akhildev.vercel.app

๐Ÿ“ GitHub Repo: github.com/akhildev-mj/portfolio


๐Ÿงฐ Tech Stack

  • Next.js 15
  • React 19
  • TypeScript
  • Tailwind CSS 3
  • Radix UI
  • Framer Motion
  • Lucide React Icons
  • Recharts (for charts)
  • React Hook Form + Zod (forms & validation)
  • ShadCN-style component design
  • Vercel Analytics & Speed Insights

๐Ÿ“ Project Structure

app/
โ”œโ”€โ”€ certifications/     # Certifications display
โ”œโ”€โ”€ components/         # UI components (e.g., cards, layouts)
โ”œโ”€โ”€ data/               # JSON/static content
โ”œโ”€โ”€ projects/           # Project cards/details
โ”œโ”€โ”€ skills/             # Skills display & charts
โ”œโ”€โ”€ globals.css         # Tailwind & global styles
โ”œโ”€โ”€ layout.tsx          # App layout
โ”œโ”€โ”€ page.tsx            # Landing page

components/             # Shared reusable components
hooks/                  # Custom React hooks
lib/                    # Utility functions/helpers
public/                 # Static assets
styles/                 # Tailwind and custom CSS

๐Ÿ“ฆ Getting Started

1. Clone the Repository

git clone https://github.com/akhildev-mj/portfolio.git
cd portfolio

2. Install Dependencies

pnpm install

3. Start the Dev Server

pnpm run dev

Open http://localhost:3000 in your browser.


๐Ÿงช Scripts

Script Purpose
pnpm run dev Start local development
pnpm build Build for production
pnpm start Start production server
pnpm run lint Run ESLint for code quality

๐Ÿ–ผ๏ธ Features

  • ๐ŸŽจ Beautiful UI powered by Tailwind + Radix
  • ๐Ÿ“Š Skill section visualized with Recharts
  • ๐Ÿ“ Dynamic project and certification rendering
  • ๐ŸŒ™ Dark/light theme toggle with next-themes
  • ๐Ÿ“ฑ Fully responsive design
  • โšก Analytics via Vercel (optional)

๐Ÿ“„ License

This project is licensed under the MIT License.


๐Ÿ™‹โ€โ™‚๏ธ Author

Akhildev MJ
๐Ÿ“ง Reach out on LinkedIn
๐Ÿ”— Portfolio


Built with โค๏ธ using Next.js, Tailwind CSS, and a passion for clean design.

Top categories

Loading Svelte Themes