Skip to content

A modern, animated developer portfolio built with React 19, Tailwind CSS, Framer Motion, and Vite — featuring 3D Spline integration, smooth transitions, and responsive design.

Notifications You must be signed in to change notification settings

h30s/theCodeOfH30s

Repository files navigation

🧠 The Code of h30s

Preview


Welcome to theCodeofH30s — a modern, animated personal portfolio built with ⚛️ React, 💨 TailwindCSS, 🎞 Framer Motion, and ⚡ Vite.

This site showcases my 💼 work, 🧠 skills, and 💡 passion for building high-quality, engaging digital experiences.


🚀 Tech Stack

  • React 19
  • Vite — blazing fast build tool
  • Tailwind CSS 4.1
  • Framer Motion — fluid animations
  • Lucide React — beautiful open-source icons
  • React Router DOM v7
  • React Hot Toast — elegant notifications

📸 Features

  • 🎨 Beautiful UI with animated backgrounds
  • Fast & Responsive with Vite and Tailwind
  • 🧭 Smooth Navigation using React Router v7
  • 🔥 Custom Loader & Toast messages
  • Responsive Design across all devices

📁 Project Structure

src/
├── components     # UI components like Navbar, Footer, etc.
├── pages          # Page-level components (Home, About, Contact)
├── ui             # Custom animations & backgrounds
├── assets         # Static assets & images
├── App.jsx        # App root component
└── main.jsx       # App entry point

Getting Started

Clone

  • git clone https://github.com/your-username/theCodeofH30s.git
  • cd theCodeofH30s

Install Dependencies

  • npm install

Run (Development)

  • npm run dev

Contact

Built with ❤️ by Himanshu Soni — aka h30s

About

A modern, animated developer portfolio built with React 19, Tailwind CSS, Framer Motion, and Vite — featuring 3D Spline integration, smooth transitions, and responsive design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published