/custom-portfolio-website

A VueJS CMS portfolio

Primary LanguageVue

Custom-portfolio-website (Vue3)

Table of Contents

INTRODUCTION

This project is designed to set-up your personal portfolio website, showcasing both personal and professional aspects of an individual's life. It features a comprehensive view of personal projects, hobbies, educational background, professional experiences, and completed work projects. Additionally, the website allows for the download of a resume. All these elements can be conveniently managed through an administrator interface, essentially making this platform a basic Content Management System (CMS).

Example of portfolio based onto this project HERE.

This portfolio website is developed using Vue.js 3 and leverages various free services provided by Firebase and Google Cloud Platform. The integration of these technologies ensures a robust and scalable solution, catering to the needs of a dynamic and interactive online portfolio. The key services used in this project include:

  • Firebase Hosting: Provides fast and secure hosting for web app content.
  • Firebase Realtime Database: A cloud-hosted database that enables real-time data syncing across all clients.
  • Firebase Storage (GCP Bucket): Offers secure and scalable object storage for user-generated content like images and documents.
  • Firebase Authentication: Ensures secure and easy authentication for users, supporting various sign-in methods.
  • App Check with Recaptcha V3: Protects the website from abusive traffic and enhances security with invisible reCAPTCHA verification.

DEMONSTRATION

Below is a demonstration of the CMS in action, showing how easy it is to manage and update the portfolio content.

Client side demo

CMS Demonstration

See the demo portfolio here.

Admin side

Admin pannel allow to edit all the information you seed on the client side. Only the structure cannot be modified.

  • First name & last name
  • personnal description
  • self picture
  • Personnal projects
  • Hobbies
  • Jobs
  • Professionnal projects
  • Eduction
  • Curriculum Vitea (PDF file)

Each card can be openned to display much more contextual information (title, date, description, custom tags).

WEBSITE SETUP

To begin setting up your portfolio website, please refer to the Getting Started Guide.

This guide provides detailed instructions on how to install, configure, and launch your new portfolio site.

LICENSE

This project is licensed under the Apache License 2.0.

For more details, please refer to the license document located at:

CONTRIBUTORS

CONTRIBUTE!

I welcome contributions from everyone, irrespective of their origin. Here's how you can help:

  1. Read the Getting Started guide: Detailed instructions on setting up the dev environment and contributing can be found in our Getting started Guide.

Remember, every contribution, whether it's code, documentation, translations, or even reporting bugs, is valuable to us. Let's make this project better together!

CONNECT WITH PRODUCT OWNER

E-mail Portefolio Linkedin