APW - Advanced Portfolio Website

A Canva-Inspired Portfolio Builder

APW - Advanced Portfolio Website main preview
Web Application / No-Code Website Builder

Project Overview

Created a no-code portfolio builder inspired by Canva, allowing users to design and publish their personal portfolio websites.

APW (Advanced Portfolio Website) was a personal project I built using ReactJS and Firebase. My inspiration was Canva. I wanted to create a no-code website builder for portfolios, making it easy for anyone to design and publish a professional online presence.

Key Features: User Authentication: Users can log in via Google Authentication or email/password.

Profile Setup: On the first login, users enter profile details, experience, education, and other relevant information.

Drag-and-Drop Editor: Users can add text, images, lines, and shapes, similar to Canva.

Customization Options: Background colors, fonts, and layouts can be modified.

Portfolio Publishing: Users can publish their designs with a unique URL like: https://react-portfolio-website-ea2dc.web.app/handles/username

Learning Experience: This project was purely for fun and not fully completed, but I gained a deeper understanding of UI/UX design, Firebase authentication, and frontend state management in React. The project improved my full-stack development skills and helped me experiment with real-time updates and user-generated content.

Key Features

  • User authentication via Google or email/password
  • Dynamic portfolio creation and customization
  • Drag-and-drop design interface (like Canva)
  • Ability to add text
  • images
  • lines
  • and shapes
  • Save and publish options with unique portfolio links

Have questions?

Ask the portfolio assistant! Click the chat bubble below.