https://github.com/nerkoux/dynamicportfolio
Dynamic Portfolio is a powerful, customizable platform that allows developers to create stunning portfolios with ease. Showcase your projects, skills, and experience in a beautiful, responsive design.
https://github.com/nerkoux/dynamicportfolio
cloudflare-r2 dynamicportfolio express r2 reactjs vue
Last synced: 5 months ago
JSON representation
Dynamic Portfolio is a powerful, customizable platform that allows developers to create stunning portfolios with ease. Showcase your projects, skills, and experience in a beautiful, responsive design.
- Host: GitHub
- URL: https://github.com/nerkoux/dynamicportfolio
- Owner: nerkoux
- License: mit
- Created: 2024-07-26T10:02:00.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-06T19:48:14.000Z (almost 2 years ago)
- Last Synced: 2025-10-25T18:42:24.873Z (8 months ago)
- Topics: cloudflare-r2, dynamicportfolio, express, r2, reactjs, vue
- Language: CSS
- Homepage: https://dynamicportfolio.akshatmehta.com
- Size: 79.1 KB
- Stars: 0
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dynamic Portfolio 🚀
## 🌟 Overview
Dynamic Portfolio is a powerful, customizable platform that allows developers to create stunning portfolios with ease. Showcase your projects, skills, and experience in a beautiful, responsive design.
## ✨ Features
- 🖼️ Custom profile image upload
- 📊 Dynamic project showcase
- 🛠️ Skill highlighting
- 📚 Education and experience sections
- 🔗 Social media and professional links integration
- 🎨 Customizable design elements
## 🚀 Getting Started
### Prerequisites
- Node.js (v20 or later)
- npm or yarn
- Cloudflare account (for R2 storage)
### Installation
1. Clone the repository: https://github.com/nerkoux/DynamicPortfolio.git
2. cd dynamic-portfolio
3. Install dependencies
4. Set up environment variables: Create a `.env` file in the root directory and add the following as same as `.env.example`
### Configuration
#### API URL
In `client/components/RegistrationForm.jsx` and `client/components/Portfolio.jsx`, replace the API URL with your deployed API endpoint:
```javascript
const API_URL = 'https://your-api-url.com/api';
```
### Cloudflare R2 Configuration
In `server/routes/api.js`, update the S3 client configuration:
```javascript
const s3Client = new S3Client({
region: 'auto',
endpoint: `https://${process.env.R2_ACCOUNT_ID}.r2.cloudflarestorage.com`,
credentials: {
accessKeyId: process.env.R2_ACCESS_KEY_ID,
secretAccessKey: process.env.R2_SECRET_ACCESS_KEY,
},
});
```
## 🤝 Contributing
### Contributions are welcome! Please feel free to submit a Pull Request.
## 📄 License
### This project is licensed under the MIT License - see the LICENSE file for details.
## 🙏 Acknowledgements
- React
- Express
- Cloudflare R2
- Vercel
## Credits
Created with ❤️ by Akshat Mehta