Skip to content

Aadarsh-max/PortfolioA

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 Aadarsh Portfolio Website

A clean, modern, and fully responsive Portfolio Website built using React.js, Tailwind CSS, Framer Motion, and Lucide React β€” complete with dark/light mode, animations, and smooth page transitions.


πŸš€ Live Demo

πŸ”— View Portfolio


🧩 Tech Stack

  • βš›οΈ React.js
  • πŸ’¨ Tailwind CSS
  • 🎞️ Framer Motion
  • πŸ”† Lucide React
  • 🧠 React Icons
  • 🌐 Vercel (Deployment)

🌈 Features

βœ… Fully responsive design
βœ… Smooth animations and transitions
βœ… Dark & Light mode support
βœ… Reusable components (Navbar, Footer)
βœ… Project showcase with live and GitHub links
βœ… Theme toggle using Context API
βœ… Organized routing with React Router


🧱 Pages Overview

Page Description
🏠 Home Introduction section with profile image
βš™οΈ Skills Lists all skills with animated percentage bars
πŸ’Ό Work Displays all projects with links to live sites & GitHub repos
πŸ‘¨β€πŸ’» About Aadarsh’s journey and background
πŸ“¬ Connect Contact info + YouTube channel link

🎨 Color Palette

🌞 Light Mode

Element Color Description
Navbar background #FFFFFF Clean white background
Border #DBEAFE Soft light-blue border
Text (default) #374151 Neutral text
Active Link #2563EB Vibrant blue highlight

πŸŒ™ Dark Mode

Element Color Description
Navbar background #000000 Pure black
Text (default) #D1D5DB Soft gray
Active Link #60A5FA Highlighted blue
Border #1E3A8A Deep translucent blue

About

🎯 A modern, fully responsive Portfolio Website built with **React, Tailwind CSS, Framer Motion, and Lucide React**. 🌞 Supports Light & Dark Mode 🎬 Smooth animations with Framer Motion πŸ“± Fully Responsive for all screen sizes 🧩 Organized structure with reusable components

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages