Ved Chaudhari | Portfolio

A high-performance, modern portfolio built with Next.js 16 and Tailwind CSS 4, showcasing engineering expertise in scalable systems and real-time platforms.

---

🚀 Overview

This repository contains the source code for my professional portfolio website. It is designed to demonstrate my capabilities as a Backend/Full-Stack Engineer, focusing on scalability, low-latency communication, and modern UI/UX principles.

• Live Demo: vedchaudhari.vercel.app
• Primary Focus: Backend Systems, Distributed Architecture, Real-time APIs.

---

✨ Features

• Dynamic Hero Section: Built with @tsparticles for interactive backgrounds and typewriter-effect.
• Project Showcase: Interactive carousel with framer-motion and lucide-react icons.
• Experience Timeline: A structured layout of my professional growth using animated components.
• Contact Integration: Functional contact form with validation and backend connectivity.
• Performance Optimized: Utilizing Next.js 16's latest rendering capabilities and Tailwind CSS 4's lightning-fast JIT engine.
• Responsive Architecture: Fully fluid design across mobile, tablet, and ultra-wide displays.

---

🛠️ Tech Stack

Core

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS 4
• Animations: Framer Motion, AOS (Animate On Scroll)

Interaction & UI

• Icons: lucide-react, react-icons
• Backgrounds: @tsparticles/react
• Effects: typewriter-effect, react-parallax-tilt

---

📂 Project Structure

├── app/                  # Next.js App Router (Layouts, Pages, Global Styles)
├── components/           # Reusable UI components
│   └── home/             # Section-specific components (Hero, Projects, etc.)
├── constant/             # Application-wide constants & navigation links
├── public/               # Static assets (Images, Icons, PDFs)
└── next.config.ts        # Framework configuration

---

⚙️ Getting Started

Prerequisites

• Node.js 18.x or later
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/vedchaudhari/nextjs-portfolio.git
   cd nextjs-portfolio

2. Install dependencies:

   npm install

3. Environment Setup (Optional): Create a .env.local file for local development:

   NEXT_PUBLIC_BACKEND_URL=your_backend_api_url

4. Launch Development Server:

   npm run dev

   Open http://localhost:3000 to view the result.

Build

To create an optimized production build:

npm run build
npm start

---

👨‍💻 About Me

I am a Backend Engineer specializing in building reliable, scalable distributed systems. My expertise includes:

• Node.js / Express / NestJS
• MongoDB / PostgreSQL / Redis
• RabbitMQ / Sockets.IO
• Docker / AWS / Nginx

Explore more of my work on GitHub or connect with me on LinkedIn.

---

📝 License

This project is open-source and available under the MIT License.