Yash's Personal Website 🚀

Welcome to my personal website! This project leverages a modern technology stack to ensure a seamless development experience and a visually appealing design. Whether you're here to learn, contribute, or customize your own version, you’ll find everything you need in this professional template.

Libraries Used

• React ⚛️: A robust library for building interactive UIs using a component-based architecture.
• Vite ⚡: A blazing-fast development server and build tool that features hot module replacement (HMR) for rapid development.
• TypeScript 📝: Provides static type-checking to improve code reliability and maintainability.
• Tailwind CSS 🎨: A utility-first CSS framework that lets you rapidly style and customize your design for a unique look.
• Sketch.js ✏️: An interactive graphics library that powers dynamic sketches and animations, adding creative flair to the website.

How to Customize This Template

This template is designed with flexibility and community collaboration in mind. Here are some professional tips to make it your own:

1. Component & Layout Customization:

   • Explore the src folder to modify existing components or add new ones.
   • Adjust layouts and content structures to suit your personal style or branding.

2. Styling with Tailwind CSS:

   • Edit the tailwind.config.js file to customize themes, colors, fonts, and more.
   • Use Tailwind's utility classes directly in your JSX to rapidly prototype and refine your design.

3. Enhancing Functionality:

   • Leverage Vite's plugin ecosystem to integrate additional features as needed.
   • Refine Sketch.js functionalities to elevate interactive animations and graphics on your pages.

4. Development and Build Process:

   • Install dependencies and run the development server with:

     npm install
     npm run dev

   • Tailor Vite and TypeScript configurations for a more personalized development or build experience.

5. Maintaining Code Quality:

   • The project includes ESLint configurations to keep the codebase clean and consistent.
   • Adjust ESLint and TypeScript rules to meet the specific needs of your project.

Contributions are welcome! Whether it's opening an issue, submitting a pull request, or even forking this repository to tailor it to your needs, your input is greatly appreciated. If you enjoy this project, a star on GitHub would be awesome too! 😊