🚀 Ashish Gupta – Portfolio

Welcome to my personal portfolio, a modern and interactive web application showcasing my skills, projects, and experience as a Full-Stack Developer & AI/ML enthusiast. Built with Next.js, TypeScript, Tailwind CSS, and Framer Motion, this portfolio ensures smooth animations, fast loading speeds, and a clean, user-friendly UI.

This portfolio is designed to reflect my expertise in web development, problem-solving, and UI/UX design while also serving as a space to showcase my latest work and projects. 📌 Features 🔥 Modern & Interactive UI

The portfolio is built with Next.js and Tailwind CSS, ensuring a visually appealing design with a focus on minimalism and smooth animations using Framer Motion and Lenis for buttery-smooth scrolling. 🚀 Blazing Fast Performance

Thanks to Next.js’s optimizations like automatic static generation (SSG) and server-side rendering (SSR), this portfolio is highly performant and loads quickly across devices. 🎭 Dynamic & Responsive Design

Fully responsive and mobile-friendly

Uses Lucide React for beautiful icons

Designed to work seamlessly on all screen sizes

📂 Organized & Scalable Codebase

TypeScript ensures strong typing and maintainability

Modular component-based structure for easy updates

Linting with ESLint and formatting with Prettier

🛠 Built with the Latest Tech Stack

This portfolio leverages modern technologies to enhance performance and interactivity:

Next.js – React-based framework for optimized performance

TypeScript – Statically typed JavaScript for better reliability

Tailwind CSS – Utility-first CSS framework for styling

Framer Motion – For smooth animations and page transitions

Lucide React – Open-source icons for clean visuals

🚀 Getting Started 1️⃣ Clone the Repository

First, clone the repository to your local machine:

git clone https://github.com/your-username/portfolio.git cd portfolio

2️⃣ Install Dependencies

Make sure you have Node.js (18+) installed, then run:

npm install # or yarn install

3️⃣ Run the Development Server

Start the Next.js development server:

npm run dev # or yarn dev

Open http://localhost:3000 in your browser to view the portfolio. The page auto-updates as you edit files. 🔧 Project Structure

This portfolio follows a structured and modular directory layout:

📂 portfolio
├── 📁 app/ # Next.js App Router
│ ├── 📄 layout.tsx # Root layout file
│ ├── 📄 page.tsx # Home page
│ ├── 📁 components/ # Reusable UI components
│ ├── 📁 styles/ # Global styles (TailwindCSS)
│ ├── 📁 assets/ # Static assets like images
├── 📄 package.json # Project dependencies and scripts
├── 📄 tsconfig.json # TypeScript configuration
├── 📄 next.config.mjs # Next.js configuration
├── 📄 tailwind.config.js# TailwindCSS configuration
└── 📄 README.md # This documentation

🚀 Deployment 1️⃣ Deploy to Vercel

The easiest way to deploy this Next.js portfolio is via Vercel:

Push your code to GitHub

Go to Vercel and import the repository

Deploy with a single click

2️⃣ Deploy on Other Platforms

Alternatively, you can deploy on:

Netlify (supports Next.js with SSR and ISR)

Cloudflare Pages (for static export)

DigitalOcean/Heroku (via a custom Node.js setup)

🤝 Contributions

While this portfolio is personal, feel free to fork and modify it as per your needs! If you find any issues or want to suggest improvements, you can open an issue or submit a pull request. 📜 License

This project is licensed under the MIT License, meaning you are free to use, modify, and distribute it with proper attribution. 📬 Contact Me

If you have any feedback, collaboration opportunities, or just want to connect, feel free to reach out:

📧 Email: work.ar.gutpa@gmail.com 🔗 Portfolio: https://ashish.biyondbytes.com/ 🐦 Twitter: @guptaashish2003 📷 Instagram: @ashish.gupta_03