Developer Portfolio — Arpan Biswas

Preview

🌐 Live Website: https://portfoliox-tauv.vercel.app

Overview

This portfolio represents my journey as a B.Tech CSE (AI-ML) student, focused on building scalable, efficient, and user-centric applications. It combines modern UI/UX design with smooth animations and interactive elements to create an engaging experience.

Features

• ⚡ Modern Futuristic UI — Clean, dark-themed interface with glowing accents
• 🎬 Smooth Animations — Powered by Framer Motion
• 🧠 AI-Focused Projects Showcase
• 📱 Fully Responsive Design — Optimized for all devices
• 🚀 Optimized Performance — Fast load times and efficient rendering
• 🧩 Component-Based Architecture — Scalable and maintainable code
• 🌐 Deployed on Vercel — Production-ready hosting

Tech Stack

🚀 Frontend

• Next.js (App Router)
• React
• TypeScript

🎨 Styling

• Tailwind CSS
• Custom UI Components

🎬 Animations & Effects

• Framer Motion

🧊 3D & Interactive Elements

• Three.js / React Three Fiber (if applicable)

☁️ Deployment

• Vercel

🏛️ System Architecture

sequenceDiagram

    participant U as User
    participant F as Frontend
    participant S as Server
    participant E as Email Service

    U->>F: Open portfolio
    F-->>U: Load homepage

    U->>F: View projects
    F-->>U: Show project details

    U->>F: Submit contact form
    F->>S: Send form data

    S->>E: Send email
    E-->>S: Confirmation

    S-->>F: Success response
    F-->>U: Show success message

Loading

📁 Folder Structure

PORTFOLIO/
├── app/                # App router pages and layouts
├── components/         # Reusable UI components
├── public/             # Static assets (images, models, audio)
├── utils/              # Helper functions and utilities
├── .gitignore
├── README.md
├── next.config.ts      # Next.js configuration
├── package.json        # Dependencies and scripts
└── tsconfig.json       # TypeScript configuration

 Getting Started

📥 Clone the Repository

git clone https://github.com/8ernity/PORTFOLIO.git
cd PORTFOLIO

Install Dependencies

npm install

💻 Run Development Server

npm run dev

Open in browser:
http://localhost:3000

🏗 Build for Production

npm run build

▶️ Start Production Server

npm start

Contributing

Contributions, suggestions, and feedback are welcome!
Feel free to fork the repository and submit a pull request.

Support

If you like this project, consider giving it a ⭐ on GitHub!

📜 License

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