vincentbourdeau/portfolio

💼 My Portfolio project (PWA)

VincentBourdeau - Portfolio

Welcome! 👋

Thanks for checking out this project!

Website

👉 [https://vincentbourdeau.com/)

Lighthouse score :

Built With

bento-starter

👉 [https://github.com/kefranabg/bento-starter)

🍱 bento-starter is an Open-Source Full-Stack solution that helps you to build fast and maintainable web applications using tools like Vue.js, Firebase, Progressive Web Apps support, dynamic offline support... The goal of this project is to provide a powerful and well configured stack (with CI/CD, hosting...) so you can focus on writing your web application very quickly.

The stack is made up of :

• 🤘 Vue.js : front-end framework
• 🔧 Vue-cli : standard tooling for vue.js development
• 🔁 Vuex : state management
• 💾 Firestore : cloud NoSQL Database
• 🏠 Firebase hosting : fast and secure web hosting
• 👤 Firebase authentication : for easy authentication
• 📱 PWA : progressive web app support
• 💄 Prettier : code formatting rules
• 🚨 Eslint : control code quality
• ✅ Jest : unit testing
• ✅ Cypress : e2e testing
• 🔍 Vue head : meta description per page
• 📄 [Optional]prerender spa plugin : pages prerendering
• 💚 [Optional]circleci : continuous integration/deployment
• 📦 [Optional]bundlesize : control your js bundles sizes

App embedded features :

• 👤 Google authentication
• 📴 Offline support (dynamic & static caching)
• 🆕 New version available prompt on new app deployments
• ➕ Add to home screen prompt for ios & android
• ↩️ Smart redirection for auth protected routes
• ✨ Products page example to demonstrate app data management with firestore and vuex
• 💪 Better PWA support for all browsers with PWACompat

portfolio's Issues

Add a /learn section with tutorials

Add a /learn section with video tutorials, courses and more

Fix the App in IE11

Add polyfills and fix Consoles errs on IE11

Add french version

Add french version: Translate text and add a Lang switcher

Update /projects page to add Images and more

Refactor the /projects page so that I can have thumbnails and more content. Make it more accessible.

Code refactoring

Code refactoring on some Components and Css

Add smooth animations on pages content

Add some Animations (base/framework) to the content of the pages to Make it more "Dynamic"

Add a blog page

Add a Blog page with some starting articles.

Ex:

• PWA versus Native App
• Contributing to open-source projects
• Web performance tips and tricks

Add my email address

Add my email address to Make it easier for people to contact me.