Welcome to the repository for my personal portfolio website! This site is a creative space where I showcase my projects, skills, and professional journey. Built with modern web technologies, it reflects my passion for web development and design.
![Screenshot 2024-03-05 at 6 47 49 pm](https://private-user-images.githubusercontent.com/64296934/310044778-64d024f4-d063-4f6f-87ed-c6b715914d39.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxODM3NzQsIm5iZiI6MTcyNDE4MzQ3NCwicGF0aCI6Ii82NDI5NjkzNC8zMTAwNDQ3NzgtNjRkMDI0ZjQtZDA2My00ZjZmLTg3ZWQtYzZiNzE1OTE0ZDM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDE5NTExNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFhYjY1NjhmZjVhODMzYTM4NDgwZWVhYzMyNTIwNTJkNDM0ZWIwZDdhNjEyMzFhZGJjZmQ3NTEwNzI5ZTM5NmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RK-npwwvMYHM6-zmFPG8p5nKfosWZswoRcq_34r4pwk)
This portfolio is built using React and leverages a variety of libraries and frameworks to create a dynamic and interactive experience:
- React: A JavaScript library for building user interfaces.
- React Three Fiber & Drei: Used for adding 3D elements/animations to the site.
- Framer Motion: Implemented for smooth and complex animations.
- Maath: Utilised for mathematical calculations, particularly with 3D animations.
- React Router DOM: Manages navigation within the application.
- React SVG: Allows for the direct use of SVGs in the React components.
- React Tilt: Adds tilt effects to the UI elements.
- React Vertical Timeline Component: Creates an elegant and responsive vertical timeline.
- Three.js: A cross-browser JavaScript library/API used to create and display animated 3D computer graphics in a web browser.
- EmailJS: Enables sending emails directly from the frontend without needing a backend server.
- Vite: A build tool that aims to provide a faster and leaner development experience for modern web projects.
- TailwindCSS: A utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.
- PostCSS & Autoprefixer: Used for transforming CSS with JavaScript and automatically adding vendor prefixes to CSS rules.