A modern, minimal personal portfolio website built with React and Vite, showcasing my projects, skills, and experience — with a downloadable resume and integrated contact form.
Live Site → tusharsoni.site
- Hero Section — Intro with animated greeting, resume download via CDN (no redeployment needed), and social links
- Projects Showcase — Highlights real-world work with tech stacks, live links, and GitHub links
- Skills Marquee — Smooth scrolling strip displaying tech stack icons
- Interactive Timeline — Visual career and project journey using
react-vertical-timeline-component - GitHub Contributions — Live contribution heatmap
- Contact Form — Powered by EmailJS for direct email delivery
- Toast Notifications — Smooth feedback with
react-hot-toast - Fully Responsive — Optimized for all screen sizes
| Category | Tools |
|---|---|
| Framework | React 18, Vite |
| Styling | Tailwind CSS |
| Routing | React Router DOM v7 |
| State / Data | React Query |
| EmailJS | |
| Icons | React Icons, FontAwesome |
| Animations | Lottie, React Fast Marquee |
| UI Components | React Vertical Timeline, React Tooltip |
| Analytics | Vercel Analytics |
| Deployment | Vercel |
src/
├── component/ # Reusable UI components (Hero, Navbar, Footer, etc.)
├── constant/ # Centralized data (projects, skills, bio, resume URL)
├── routes/ # App routes
├── assets/ # Static assets
├── App.jsx
└── main.jsx
# Clone the repository
git clone https://github.com/itsonlyTushar/Portfolio-Site.git
cd Portfolio-Site
# Install dependencies
npm install
# Start the development server
npm run devA QR-based food ordering system for restaurants and cafes. Originally a side project — discovered on GitHub, purchased, and scaled by a client to include table reservations, real-time table management, and Stripe Connect payments.
Stack: React · Zustand · Stripe · MUI · Firebase · React Query
Discover and contribute to open-source projects. Find beginner-friendly repositories, collaborate with developers, and grow your skills.
Stack: React · Tailwind CSS
A powerful resume builder with customizable templates, live previews, and export options.
Stack: React · Redux · React Router · Appwrite · Tailwind CSS
The site features a custom hi-five GIF that adds personality to the design.
Feel free to reach out — for collaboration, freelance work, or just to connect!
Use the contact form on the site, or find me on the socials linked in the footer.
Made by Tushar