/My-Portfolio

Primary LanguageJavaScript

My Portfolio Website: A Canvas of Creativity

This repository houses the source code for my interactive portfolio website, built with the powerful trio of Vite, React, and Three.js, and styled with the sleek and efficient Tailwind CSS. Dive into the code, explore the possibilities, and let your imagination run wild!

Tech Stack:

  • Vite: A blazing-fast frontend build tool that propels development to new heights.
  • React: The quintessential JavaScript library for crafting dynamic and engaging user interfaces. ⚛️
  • Three.js: A 3D library that unlocks a world of immersive and interactive experiences.
  • Tailwind CSS: A utility-first CSS framework that empowers rapid prototyping and pixel-perfect design.

Features:

  • Responsive Design: The website adapts seamlessly to any screen size, ensuring a delightful experience across devices.
  • Interactive Playground: Three.js breathes life into the website, with captivating animations and engaging elements that showcase your skills. ✨
  • Clean & Maintainable Code: The codebase is meticulously organized and documented, making it a breeze to navigate and modify.
  • SEO-Friendly: Optimized for search engines, your portfolio will reach a wider audience and attract potential clients.

Getting Started:

  1. Clone the repository.
  2. Install dependencies: npm install
  3. Run the development server: npm run dev
  4. Witness the magic unfold at http://localhost:3000! 🪄

Project Structure:

  • src: The heart of the website, where all React components, styles, and assets reside.
  • public: A static haven for images, fonts, and other non-code assets. ️
  • package.json: Defines project dependencies and scripts, like the trusty dev command.
  • vite.config.js: Configures Vite to build your masterpiece with precision. ️

Customization:

Your portfolio is your canvas! Feel free to personalize it with:

  • Tailwind CSS classes to paint the website with your colors and fonts.
  • React components and CSS to tailor the layout and animations to your vision. ️
  • Three.js magic to sprinkle in interactive elements and captivating animations. ✨

Contributing:

Pull requests and suggestions are always welcome! Share your creativity and help make this codebase even more awesome.

License:

MIT License. Use and modify the code freely, and let your imagination take flight! ️

Resources: