Development of my website

Project summary

Role: Full-stack developer
Duration: Ongoing
Technologies:

- Python (Flask)
- JavaScript
- HTML
- CSS
- Visual Studio Code
- GitHub

Tasks:

- UI/UX design
- Full-stack development
- Testing and deployment

Project context

As part of my job search, I decided to develop my own website to showcase my skills.

Project details

To build my website, I used the Python programming language with Flask for the backend and JavaScript, HTML, and CSS for the frontend. To develop my website faster, I opted to use vibe coding tools. Since generative AIs can make mistakes, I always made sure to double check the generated code and correct it when necessary. This allowed me to save time while discovering more professional coding methods.
This is a project that will get to evolve over time as I add new features and when expanding my portfolio.
At the moment I implemented the following features:
- Multi-language support (English, French)
- Contact form with security measures (limiting spam with input sanitization, rate limiting, honeypot and CSRF tokens)
- Images loading optimization using in priority the most recent AV1 format (otherwise WEBP or JPEG as fallback) and different images size in function of the user's screen width
- Design optimized for both desktop and mobile devices (responsive design)
- SEO optimization
- Legal content required by the RGPD
- Light and dark mode toggle while having a color contrast ration of at least 7 for text content
- And more coming...