Portfolio

This is a personal portfolio website built using Next.js, Framer Motion, Tailwind CSS, and other modern web development tools. It showcases a clean, responsive design with smooth animations and an intuitive layout, ideal for presenting projects and personal information.

Features

• Responsive Design: Tailored for devices of all sizes using Tailwind CSS.
• Smooth Animations: Powered by Framer Motion for a dynamic user experience.
• Optimized Performance: Built with Next.js for server-side rendering and static site generation.
• Customizable Components: Modular structure for easy updates and feature additions.

Project Structure

.
├── public/
│   ├── assets/           # Static images and icons
├── src/
│   ├── components/       # Reusable React components
│   ├── pages/            # Next.js page routes
│   ├── styles/           # Tailwind CSS configurations
├── .gitignore            # Ignored files
├── README.md             # Project documentation
├── package.json          # Frontend dependencies
├── tailwind.config.js    # Tailwind CSS setup

Notable Directories

• public/assets/: Contains all the static assets used in the project.
• src/components/: Includes reusable UI elements like headers, footers, and cards.
• src/pages/: Defines the portfolio's routes and content.

Interesting Techniques

• Framer Motion: Used for animations, including page transitions and component reveals. Learn more in the Framer Motion documentation.
• Tailwind CSS: For utility-first styling. See the official Tailwind CSS guide.
• Static Site Generation (SSG): Implemented with Next.js for optimal performance. Explore Next.js SSG.

Learn More

• Next.js Documentation
• Framer Motion Documentation
• Tailwind CSS Documentation