Skip to content

pushkarsingh32/PersonalPortfolio

Repository files navigation

Personal Portfolio Website

A modern, responsive portfolio website built with Next.js 14, TypeScript, Tailwind CSS, and Framer Motion.

Features

  • 🌙 Dark/Light mode support
  • 📱 Fully responsive design
  • 🎨 Modern UI with Tailwind CSS
  • ✨ Smooth animations with Framer Motion
  • ⚡ Built with Next.js 14 and TypeScript
  • 🎯 SEO optimized

Tech Stack

  • Next.js 14
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Shadcn UI
  • Radix UI

Getting Started

  1. Clone the repository: ```bash git clone [repository-url] ```

  2. Install dependencies: ```bash npm install ```

  3. Start the development server: ```bash npm run dev ```

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

Project Structure

  • /src/app - Next.js app router pages
  • /src/components - React components
  • /src/styles - Global styles and Tailwind CSS configuration
  • /src/lib - Utility functions and shared code

Customization

  1. Update the content in the components:

    • src/components/hero.tsx
    • src/components/skills.tsx
    • src/components/projects.tsx
    • src/components/contact.tsx
  2. Modify the theme in tailwind.config.ts

  3. Add your social links in src/components/contact.tsx

License

MIT