Harshvardhan Rathore's Portfolio Website

Welcome to my portfolio website showcasing my skills, projects, and experience as a Full Stack Developer and UX/UI Designer.

Introduction

I'm Harshvardhan Rathore, a Final Year B.Tech student at NIT Surat, passionate about creating user-friendly interfaces and top-notch web applications from scratch. With over 10 freelance projects, 3 Internships (7+ months) as a Developer, and 3 college startup collaborations, I have honed my skills in JavaScript, TypeScript, ReactJS, NextJS, Node.js, SQL (including MongoDB), NoSQL databases, and various UI frameworks like Syncfusion, Material UI, and Tailwind CSS.

Installation

1. Clone the repository: git clone https://github.com/harshvardhan614/Portfolio_Next .git
2. Navigate to the project directory: cd Portfolio_Next
3. Install the dependencies: npm install

Usage

1. Start the development server: npm run dev
2. Open your browser and visit http://localhost:3000 to view the website.

Features

• Responsive Design: The website is designed to provide an optimal viewing experience across various devices, ensuring usability and accessibility.

• Interactive 3D Elements: Utilizing Three.js and React-Three-Fiber, the website includes interactive 3D elements that enhance user engagement and visual appeal.

• Smooth Animations: Framer Motion is used to create smooth and fluid animations, adding a touch of dynamism to the user interface.

• Form Handling: React Hook Form is implemented for efficient form handling, providing a seamless user experience during data input and submission.

• Dynamic Content: Leveraging Next.js, the website supports server-side rendering and static site generation, allowing for fast loading times and dynamic content updates.

• Email Integration: Integration with EmailJS enables seamless email sending directly from the browser, facilitating communication with users and clients.

• Optimized Performance: The website is optimized for performance, with code splitting, lazy loading, and other techniques to ensure fast page load times and smooth navigation.

• Accessibility: Accessibility features are implemented to ensure that all users, including those with disabilities, can access and use the website effectively.

• SEO Friendly: Best practices for search engine optimization (SEO) are followed, including meta tags, structured data, and other optimizations to improve visibility and ranking in search engine results.

Dependencies

The following dependencies are required for this project:

• @emailjs/browser: Email API for sending emails from the browser.
• @react-three/drei: Collection of useful helpers and abstractions for React Three Fiber.
• @react-three/fiber: A React renderer for Three.js.
• clsx: A tiny utility for constructing class names dynamically in JavaScript.
• framer-motion: A library for creating animations in React applications.
• lucide-react: A library of SVG icons for React.
• maath: A mathematical utility library for JavaScript.
• next: A React framework for server-side rendering and static site generation.
• react: A JavaScript library for building user interfaces.
• react-dom: Provides DOM-specific methods that can be used at the top level of your app.
• react-hook-form: Performant form validation library for React.
• react-intersection-observer: React component for the Intersection Observer API.
• react-vertical-timeline-component: Vertical timeline component for React.
• sonner: A lightweight library for working with sound in JavaScript.
• three: A 3D library that makes WebGL simpler.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.