https://github.com/malolm/custom-portfolio-website
A VueJS CMS portfolio
https://github.com/malolm/custom-portfolio-website
app-check emailjs firebase-auth firebase-hosting firebase-realtime-database recaptcha-v3 vue3
Last synced: 3 months ago
JSON representation
A VueJS CMS portfolio
- Host: GitHub
- URL: https://github.com/malolm/custom-portfolio-website
- Owner: MaloLM
- Created: 2022-09-21T17:51:20.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-10T21:55:43.000Z (over 1 year ago)
- Last Synced: 2026-02-25T22:43:47.220Z (4 months ago)
- Topics: app-check, emailjs, firebase-auth, firebase-hosting, firebase-realtime-database, recaptcha-v3, vue3
- Language: Vue
- Homepage:
- Size: 27.6 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: docs/CONTRIBUTING.md
Awesome Lists containing this project
README
# Custom-portfolio-website (Vue3)
## Table of Contents
- [Introduction](#introduction)
- [Demonstration](#demonstration)
- [Website setup](#website-setup)
- [License](#license)
- [Contributors](#contributors)
- [Contribute!](#contribute)
- [Connect with product owner](#connect-with-product-owner)
## 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](https://portfolio.dopee.io).
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
See the demo portfolio [here](https://portfolio.dopee.io).
### 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](./docs/GETTING_STARTED.md).
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](./docs/LICENSE).
For more details, please refer to the license document located at:
## CONTRIBUTORS
- [@MaloLM](https://github.com/MaloLM/)
## 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](./docs/GETTING_STARTED.md).
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
