Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vijaymakkad/portfolio-react
This is my new portfolio website.
https://github.com/vijaymakkad/portfolio-react
framer-motion reactjs scss-modules vite
Last synced: 9 days ago
JSON representation
This is my new portfolio website.
- Host: GitHub
- URL: https://github.com/vijaymakkad/portfolio-react
- Owner: VijayMakkad
- Created: 2024-04-26T15:30:32.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-05-20T18:30:23.000Z (6 months ago)
- Last Synced: 2024-05-20T22:04:08.990Z (6 months ago)
- Topics: framer-motion, reactjs, scss-modules, vite
- Language: JavaScript
- Homepage: https://vijaymakkad-portfolio-react.vercel.app
- Size: 5.6 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**Portfolio Project - README**
---
## Overview
Welcome to my portfolio project! This project showcases my skills and projects using React.js, SCSS for styling, and Framer Motion for animations. Whether you're a recruiter, potential employer, or just curious about my work, this portfolio provides an overview of my expertise and past projects.
---
## Features
- **Responsive Design:** The portfolio is designed to be fully responsive, ensuring optimal viewing experience across devices.
- **Interactive Animations:** Framer Motion is used to create engaging animations that enhance user experience and bring the portfolio to life.
- **Project Showcase:** A dedicated section highlights my past projects, providing details and links to explore further.
- **Skills Section:** An overview of my technical skills and expertise, showcasing the technologies and tools I work with.
---
## Technologies Used
- **React.js:** The project is built using React.js, a popular JavaScript library for building user interfaces.
- **SCSS:** Styling is done using SCSS (Sass), a CSS preprocessor that adds power and elegance to the basic CSS.
- **Framer Motion:** Framer Motion is utilized for creating fluid and interactive animations, adding a dynamic touch to the portfolio.
---
## Getting Started
To run this project locally, follow these steps:
1. **Clone the Repository:**
```
git clone
```
2. **Install Dependencies:**
```
cd portfolio-project
npm install
```
3. **Start the Development Server:**
```
npm start
```
4. **Open in Browser:**
Open your browser and navigate to `http://localhost:3000` to view the portfolio.
---
## Folder Structure
```
portfolio-project/
├── public/
│ ├── index.html
│ └── ...
├── src/
│ ├── components/
│ │ ├── Header.js
│ │ ├── Project.js
│ │ ├── Skills.js
│ │ └── ...
│ ├── styles/
│ │ ├── _variables.scss
│ │ ├── _mixins.scss
│ │ └── ...
│ ├── App.js
│ ├── index.js
│ └── ...
└── ...
```
---
## Contributing
Contributions are welcome! If you find any bugs or have suggestions for improvements, feel free to open an issue or submit a pull request.
---
## License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).
---
## Contact
For any inquiries or further information, you can reach me via email at [[email protected]](mailto:[email protected]).
---
Thank you for checking out my portfolio project! 🚀