Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/randilt/react-dev-portfolio
🚀 React developer portfolio template. I'm currently trying to use framer motion to animate components 🌐✨
https://github.com/randilt/react-dev-portfolio
framer-motion netlify portfolio portfolio-template reactjs
Last synced: about 1 month ago
JSON representation
🚀 React developer portfolio template. I'm currently trying to use framer motion to animate components 🌐✨
- Host: GitHub
- URL: https://github.com/randilt/react-dev-portfolio
- Owner: randilt
- Created: 2023-12-05T17:38:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-11T16:17:38.000Z (about 1 year ago)
- Last Synced: 2024-11-02T04:25:38.260Z (about 2 months ago)
- Topics: framer-motion, netlify, portfolio, portfolio-template, reactjs
- Language: JavaScript
- Homepage: https://randiltharusha.me
- Size: 708 KB
- Stars: 22
- Watchers: 1
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Developer Portfolio
[Demo](https://rtharusha.netlify.app/)
Welcome to my personal developer portfolio! This project serves as a showcase for my skills, projects, and experiences.
## Features
- **Responsive Design:** The portfolio is designed to provide a seamless experience across various devices.
- **Project Showcase:** Highlighting some of my notable projects with project descriptions and live/demo links.
- **Contact Form:** A contact form for easy communication.
- # Usage
## 1. Clone the Repository
```bash
git clone https://github.com/randilt/react-dev-portfolio.git
```
## 2. Navigate to the Project
```bash
cd react-dev-portfolio
```
## 3. Install Dependencies
```bash
npm install
```
## 4. Start development server
```bash
npm run dev
```
The portfolio will be available at http://localhost:5173/ by default.
## 5. Customize
- Edit the content inside the src/content folder.
- I have divided the content into seperate files to make it easier as information.js (include data about user), projects.js(includes data about user's projects), skills.js (includes data about user's skills), socials.js(includes social links of user)
### If you've found my project useful for your personal developer portfolio, I'd really appreciate it if you could include a link back to the project. It helps showcase the work and contributes to the community. Thanks a bunch!