Portfolio Website using ReactJS

Live Link : My Portfolio

Overview

This repository hosts my online portfolio, a showcase of my work and skills. It was built using ReactJS, enriched with smooth animations powered by Framer Motion, and organized with Sass for maintainable style sheets. This project aims to demonstrate my proficiency in web development, UI/UX design, and attention to detail.

Features

• Responsive Design: Ensures a seamless experience across various devices and screen sizes.
• Dynamic Routing: Utilizes React Router for smooth navigation between project sections.
• Framer Motion Animations: Enhances user experience with smooth animations.
• Sass Styling: Maintains organized and modular CSS code for easy maintenance and scalability.
• Project Showcases: Showcases my projects and skills with short and sweet descriptions.
• Contact Form: Allows visitors to get in touch with me directly through a convenient contact form.

Challenges faced and my process to create the website

Originally, I constructed my website using plain HTML, CSS, and JavaScript. However, I soon recognized the potential benefits of transitioning to React. Its dynamic routing capabilities and the desire to further my familiarity with the framework prompted the switch.

Initially, GSAP was my choice for animations, but its lack of seamless integration with React and the complexity of resulting code led me to search for a better solution. That's when I stumbled upon Framer Motion, an exceptional React animation library. Eager to embrace this new tool, I quickly immersed myself in learning its fundamentals and successfully implemented it in my portfolio.

This experience was my first dive into the world of Framer Motion, and I thoroughly enjoyed it.

Installation

To run this project locally, follow these steps:

1. Clone the repository to your local machine:

  git clone https://github.com/vijita-u/Portfolio_Vijita_Uday_ReactJs.git

2. Install dependencies:

  npm install

3. Start the development server:

  npm start

Usage

• Visit Live Demo to explore the online portfolio.
• Navigate through project sections and animations to experience the user interface.
• Click on project showcases for more details about the projects.
• Use the contact form to get in touch with me.

Technologies Used

• ReactJS: A popular JavaScript library for building user interfaces.
• Framer Motion: A React animation library for creating smooth and interactive animations.
• Sass: A CSS preprocessor that enhances stylesheet organization and maintainability.
• React Router: For handling dynamic routing within the application.

License

This project is open-source and available under the MIT License.

Contact

• Email me

• Let's connect on LinkedIn