{"id":22864716,"url":"https://github.com/malolm/custom-portfolio-website","last_synced_at":"2026-03-01T17:32:53.882Z","repository":{"id":210594907,"uuid":"539616980","full_name":"MaloLM/custom-portfolio-website","owner":"MaloLM","description":"A VueJS CMS portfolio","archived":false,"fork":false,"pushed_at":"2025-03-10T21:55:43.000Z","size":28892,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-25T22:43:47.220Z","etag":null,"topics":["app-check","emailjs","firebase-auth","firebase-hosting","firebase-realtime-database","recaptcha-v3","vue3"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MaloLM.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-09-21T17:51:20.000Z","updated_at":"2025-03-10T21:55:47.000Z","dependencies_parsed_at":"2025-05-07T12:07:14.178Z","dependency_job_id":"060583a4-01e1-4560-9e32-1eb60b62a09c","html_url":"https://github.com/MaloLM/custom-portfolio-website","commit_stats":null,"previous_names":["malolm/custom-portfolio-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MaloLM/custom-portfolio-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaloLM%2Fcustom-portfolio-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaloLM%2Fcustom-portfolio-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaloLM%2Fcustom-portfolio-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaloLM%2Fcustom-portfolio-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MaloLM","download_url":"https://codeload.github.com/MaloLM/custom-portfolio-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaloLM%2Fcustom-portfolio-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29976279,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-01T16:35:47.903Z","status":"ssl_error","status_checked_at":"2026-03-01T16:35:44.899Z","response_time":124,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["app-check","emailjs","firebase-auth","firebase-hosting","firebase-realtime-database","recaptcha-v3","vue3"],"created_at":"2024-12-13T11:30:43.555Z","updated_at":"2026-03-01T17:32:53.831Z","avatar_url":"https://github.com/MaloLM.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Custom-portfolio-website (Vue3)\n\n## Table of Contents\n- [Introduction](#introduction)\n- [Demonstration](#demonstration)\n- [Website setup](#website-setup)\n- [License](#license)\n- [Contributors](#contributors)\n- [Contribute!](#contribute)\n- [Connect with product owner](#connect-with-product-owner)\n\n## INTRODUCTION\n\nThis 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).\n\nExample of portfolio based onto this project [HERE](https://portfolio.dopee.io).\n\nThis 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:\n\n- **Firebase Hosting**: Provides fast and secure hosting for web app content.\n- **Firebase Realtime Database**: A cloud-hosted database that enables real-time data syncing across all clients.\n- **Firebase Storage (GCP Bucket)**: Offers secure and scalable object storage for user-generated content like images and documents.\n- **Firebase Authentication**: Ensures secure and easy authentication for users, supporting various sign-in methods.\n- **App Check with Recaptcha V3**: Protects the website from abusive traffic and enhances security with invisible reCAPTCHA verification.\n\n## DEMONSTRATION\n\nBelow is a demonstration of the CMS in action, showing how easy it is to manage and update the portfolio content.\n\n### Client side demo\n\n![CMS Demonstration](./docs/client_demo.gif)\n\nSee the demo portfolio [here](https://portfolio.dopee.io).\n\n### Admin side\n\nAdmin pannel allow to edit all the information you seed on the client side. Only the structure cannot be modified.\n- First name \u0026 last name\n- personnal description\n- self picture\n- Personnal projects\n- Hobbies\n- Jobs\n- Professionnal projects\n- Eduction\n- Curriculum Vitea (PDF file)\n\nEach card can be openned to display much more contextual information (title, date, description, custom tags).\n\n## WEBSITE SETUP\n\nTo begin setting up your portfolio website, please refer to the [Getting Started Guide](./docs/GETTING_STARTED.md).\n\nThis guide provides detailed instructions on how to install, configure, and launch your new portfolio site.\n\n## LICENSE\n\nThis project is licensed under the [Apache License 2.0](./docs/LICENSE). \n\nFor more details, please refer to the license document located at:\n\n## CONTRIBUTORS\n\n- [@MaloLM](https://github.com/MaloLM/)\n\n\u003c!-- \u003ca href = \"https://github.com/MaloLM/custom-portfolio-website/contributors\"\u003e\n   \u003cimg src = \"https://contrib.rocks/image?repo=MaloLM/custom-portfolio-website/\"/\u003e\n\u003c/a\u003e --\u003e\n\n## CONTRIBUTE!\n\nI welcome contributions from everyone, irrespective of their origin. Here's how you can help:\n\n1. **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).\n\nRemember, every contribution, whether it's code, documentation, translations, or even reporting bugs, is valuable to us. Let's make this project better together!\n\n## CONNECT WITH PRODUCT OWNER\n\n\u003cdiv\u003e \n   \u003ca href=\"https://portfolio.dopee.io/#/contact\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Email-D14836?style=for-the-badge\u0026logo=maildotru\u0026logoColor=white\" alt=\"E-mail\" height=40\u003e\n   \u003c/a\u003e\n   \n   \u003ca href=\"https://portfolio.dopee.io\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Portefolio-green?style=for-the-badge\u0026logo=vuedotjs\u0026logoColor=white\" alt=\"Portefolio\" height=40\u003e\n   \u003c/a\u003e\n   \n   \u003ca href=\"https://www.linkedin.com/in/malo-le-mestre/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"Linkedin\" height=40\u003e\n   \u003c/a\u003e\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmalolm%2Fcustom-portfolio-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmalolm%2Fcustom-portfolio-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmalolm%2Fcustom-portfolio-website/lists"}