Skip to content

Portfolio website built using React JS. It showcases animations created with framer-motion and has a beautiful, responsive design using styled-components. The website includes various sections to display your projects, skills, and contact information.

Notifications You must be signed in to change notification settings

erenyeager101/portfolio-KunalSonne

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kunal Sonne - React Portfolio Website

This repository contains the code for my Portfolio website built using React JS. It showcases animations created with framer-motion and has a beautiful, responsive design using styled-components. The website includes various sections to display your projects, skills, and contact information.

Github Followers  

📂 Project Overview

This portfolio is built with React and features the following key aspects:

  • Styled-Components for modern and customizable styles.
  • Framer Motion for smooth and eye-catching animations.
  • Responsive design for mobile, tablet, and desktop devices.
  • React Router for navigation between different pages.
  • Lazy loading for faster page performance.

🛠️ Technologies Used

  • React JS
  • Styled-Components
  • Framer Motion
  • React Router
  • React-TSParticles for interactive backgrounds
  • React Icons for beautiful icons

🚀 Features

  • Responsive Layout: Optimized for different screen sizes.
  • Smooth Animations: Using framer-motion to create smooth transitions and interactions.
  • Lazy Loading: Load components only when needed to improve performance.
  • Particle Background: Interactive and customizable particle animations.
  • Dark and Light Mode: Switch between themes effortlessly.

🛠️ Installation Guide

  1. Clone the repository:

    git clone https://github.com/erenyeager101/react-portfolio.git
  2. Navigate into the project directory:

    cd react-portfolio
  3. Install the dependencies:

    npm install
  4. Run the development server:

    npm start

    Open http://localhost:3000 to view the website.

📜 Available Scripts

In the project directory, you can run the following scripts:

  • npm start: Runs the app in development mode.
  • npm test: Launches the test runner.
  • npm run build: Builds the app for production.
  • npm run eject: Ejects the configuration files.

📧 Contact

If you have any questions, feel free to reach out to me at:

Feel free to star the repository if you like it and fork it if you want to build your own version! 😊

About

Portfolio website built using React JS. It showcases animations created with framer-motion and has a beautiful, responsive design using styled-components. The website includes various sections to display your projects, skills, and contact information.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published