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.
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.
- React JS
- Styled-Components
- Framer Motion
- React Router
- React-TSParticles for interactive backgrounds
- React Icons for beautiful icons
- 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.
-
Clone the repository:
git clone https://github.com/erenyeager101/react-portfolio.git
-
Navigate into the project directory:
cd react-portfolio
-
Install the dependencies:
npm install
-
Run the development server:
npm start
Open http://localhost:3000 to view the website.
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.
If you have any questions, feel free to reach out to me at:
- Email: sonnekunal2@gmail.com
- GitHub: erenyeager101
Feel free to star the repository if you like it and fork it if you want to build your own version! 😊