Live Link : My Portfolio
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.
- 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.
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.
To run this project locally, follow these steps:
git clone https://github.com/vijita-u/Portfolio_Vijita_Uday_ReactJs.git npm install npm start- 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.
- 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.
This project is open-source and available under the MIT License.