"Build your professional identity in minutes." A dynamic web application that empowers users to create, manage, and share their personal portfolios without writing a single line of code.
🚀 View the Live App: Portfolio Creator on Netlify
This project was developed as a Capstone Project for the Üretken Akademi Software Factory. The goal was to create a scalable CMS (Content Management System) where users can register and dynamically build their resume websites.
Unlike static portfolios, this application offers a full CRUD experience, allowing users to add their education, experience, skills, and even share blog-style posts with images.
- Secure Login: Integrated Firebase Authentication supporting both Email/Password and Google Sign-In.
- Profile Management: Users can update their profile pictures, usernames, and personal details.
- Resume Builder: Users can add, edit, and delete entries for:
- 🎓 Education
- 💼 Work Experience
- 🛠️ Technical Skills
- 📜 Certifications
- Blog System: A specialized 'Create Post' section where users can share updates with image support.
- Theme Switcher: Toggle between different visual themes to match personal style.
- Fully Responsive: Optimized for all devices (Mobile, Tablet, Desktop) using Tailwind CSS and DaisyUI.
- Guided Experience: Interactive onboarding on the Home page to guide new users.
| Component | Technology |
|---|---|
| Frontend Framework | React.js (Vite) |
| Backend-as-a-Service | Firebase (Auth, Firestore, Storage) |
| Styling | Tailwind CSS, DaisyUI |
| State Management | React Hooks |
| Routing | React Router DOM |
"I started this project with zero prior knowledge of Firebase."
Building this platform was a significant technical milestone. The biggest challenge was integrating Firebase from scratch and handling complex data relationships for the portfolio sections. Overcoming these hurdles required deep research and persistence.
Key Takeaways:
- Mastered NoSQL data modeling with Cloud Firestore.
- Implemented secure file uploads using Firebase Storage.
- Gained deep experience in handling asynchronous state and React side effects.
