Hey there! π I'm Vraj Vyas, a passionate Full Stack Developer turning wild ideas into sleek, high-performance web experiences. Dive into my digital playground β a showcase of innovative projects, sharp skills, and a dash of futuristic flair. Ready to geek out? Let's scroll!
Built with React and Tailwind CSS, this portfolio isn't just a site β it's a living, breathing canvas! Picture this: a sleek, modern design that flips between light and dark modes like a pro DJ switching tracks, butter-smooth animations that pop on scroll, and fully responsive layouts that dance perfectly on your phone, tablet, or massive monitor.
As a frontend wizard with backend superpowers, I craft responsive, user-centric apps that don't just work β they wow. From pixel-perfect UIs to robust APIs, I blend creativity with code to solve real-world puzzles. Currently chasing my MCA dreams while building the next big thing! π‘
"Code is like humor. When you have to explain it, itβs bad." β Cory House
(But mine? It's hilariously efficient. π)
- π Dark Mode Magic: Toggle themes with silky transitions β no jarring flashes here!
- β¨οΈ Hero Typing Effect: Watch my role as "Full Stack Developer" type itself out in real-time. Dynamic? You bet!
- π± Mobile-First Mastery: Scales flawlessly from tiny screens to epic desktops. Test it β you'll be hooked.
- π― Interactive Showdowns: Hover over skills or projects for micro-animations that feel alive. No more static snoozefest!
- βοΈ Smart Contact Form: Validates inputs, sends vibes straight to my inbox, plus social links that link up seamlessly.
- β³ Timeline Tango: Education and experience laid out in a clean, interactive timeline β scroll through my journey like a storybook.
- π§ Smooth Scrolling Saga: Navigation that glides like butter, with active section highlights for that pro feel.
- π Live Project Pulse: Fetches fresh GitHub data on the fly β see my latest repos sparkle with stars, forks, and updates!
Pro Tip: Hit F12 and watch the console for Easter eggs. Shh... don't tell! π£
| Category | Tech | Why I β€οΈ It |
|---|---|---|
| Frontend | React | The king of components β reusable, reactive, and ridiculously fun! |
| Styling | Tailwind CSS | Utility-first sorcery: Style in seconds, no CSS headaches. |
| Build | Vite | Lightning-fast dev server. Who has time for slow builds? |
| Icons | Lucide Icons | Crisp, customizable icons that fit any vibe. |
| Language | JavaScript (ES6+) | The Swiss Army knife of the web β versatile and ever-evolving. |
| State Mgmt | React Hooks | Clean, functional state without the class drama. |
| Animations | Intersection Observer API | Scroll-triggered magic that keeps users scrolling (in a good way!). |
Bonus: Integrated with GitHub API for real-time project vibes β because stale data is so 2024. π
Feast your eyes on these high-res captures! From hero vibes to project galleries, it's all here. (Mobile shots? Just as fire β check the live demo!)
| Home Section Where the adventure begins! π |
About Section My story, unfiltered. π |
Skills Section Tech toolkit on blast! π§ |
|---|---|---|
| Education Section From classrooms to code labs. π |
Work Section Real-world triumphs! π |
Contact Section Let's chat β ideas await! π¬ |
|---|---|---|
| Project Gallery Live GitHub magic in action! β |
|---|
Getting this bad boy running? Easier than brewing coffee. β
-
Clone the Repo (grab the goods!):
git clone https://github.com/VrajVyas11/VrajVyas_Portfolio.git cd VrajVyas_Portfolio -
Install the Dependencies (npm, assemble!):
npm install
-
Launch the Dev Server (let the magic unfold):
npm run dev
-
Open the Portal (browser time!): Head to http://localhost:5173 and watch it sparkle. π
Trouble? Ping me β I'm all ears (and code).
This project's under the super-friendly MIT License. Fork, tweak, deploy β just give a shoutout if it sparks joy! π
- π GitHub β Where the code lives and breathes.
- πΌ LinkedIn β Professional vibes and collabs.
- π Live Portfolio β The full immersive experience.
Drop a star on the repo if this inspired you? β Your support fuels the fire!
Thanks for exploring my corner of the web! If this portfolio lit a spark, imagine what we could build together. Hit me up β let's create something legendary. πβ¨
Vraj Vyas