🌃🌐 My Portfolio — Animated

Welcome to my ⛓️‍💥 modern, 🏃‍♂️ animated 🫠 portfolio! This site is a dynamic showcase of my ✨ skills, 📁 projects, and professional 🏫 experience—all built with the latest frontend technologies and a focus on 🍧 smooth, engaging user experiences.

📸 Screenshot

Note

This portfolio is a living project—expect updates and new features regularly.

🙋‍♂️ About This Portfolio

The project is designed to highlight my journey as a developer. Explore interactive sections, animated transitions, and a kinda responsive layout that looks great on any device. All content is hand-crafted—no AI-generated fluff, just real projects and skills.

✨ Features

A next-gen, visually appealing portfolio built with Once UI, focused on clarity and interactivity.

1. 🖼️ Animated Components: Smooth transitions and engaging UI elements
2. 🧭 Seamless Navigation: Effortless movement between sections
3. 📱 Responsive Design: Optimized for all screens
4. 🗂️ Modular Content: Easy to update and expand
5. 🎨 Modern UI: Built with Once UI and Framer Motion for a polished look

Visit My Portfolio and see my work in action.

🛠️ Technology Stack

• ⚛️ React (Next.js)
• 🟦 TypeScript
• 🟨 JavaScript
• 🎨 CSS Modules
• 🦸 Framer Motion (Animations)
• 🧩 Once UI (Design System)
• ▲ Vercel (Deployment)

🎥 Demo

See the portfolio live: Demo

🧩 Design & Customization

• 🎨 Tokens:

  • Design tokens (colors, spacing, typography) in src/resources/once-ui.config.js
  • Custom styles in src/resources/custom.css and src/app/global.css

• 🧱 Components:

  • Modular components for easy updates and scalability

• 🌗 Theming:

  • Fully responsive and mobile-first

📁 Project Structure

A quick look at the directory layout:

portfolio/
├── src/
│   ├── app/                # Main pages and sections
│   ├── components/         # UI components
│   └── lib/                # Utilities
├── public/                 # Static assets
├── package.json

🌠 Getting Started

Want to run this portfolio locally and see what's going on? Follow these steps:

⚙️ Prerequisites

1. Node.js 18+
2. npm or yarn

📩 Installation

1. Clone the repository:

git clone https://github.com/divyanshudhruv/portfolio.git
cd portfolio

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

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

👨‍💻 Author

Divyanshu Dhruv

• GitHub
• Website
• LinkedIn

📄 License

See LICENSE for details.

🏷️ Credits

• 🧩 Built with Once UI
• 🦸 Animated by Framer Motion

☕ Crafted by me, hehehehe.