Go back
Portfolio
2024
Role
Developer
Duration and Result
2 Month
Team
Individual Project
Links
Live site
Overview
This personal project involved the complete design and development of an online portfolio intended to showcase all my projects completed during my studies. It was designed to assist me in my future internship and apprenticeship searches. This portfolio, created from scratch, required special attention to modern design and smooth transitions while remaining pleasurable to navigate.
0.1
Page D'accueil
0.2
Section skills
0.3
Footer
Goal
A professional and visually harmonious tool.
The main objective of this project was to create a professional site that is both aesthetically pleasing and technically efficient. The design needed to be modern, harmonious, and easy to navigate, while incorporating various animations and interactive effects to enhance the user experience. This is not only about presenting my projects but also demonstrating my technical skills in web development.
1.0
Menu
Context
Custom complete development with Symfony.
2.0
Page contact
The project was executed using the Symfony framework, which allowed for the management of routes, themes, page translations, and the retention of user preferences through sessions. The site is hosted on a VPS server, which I fully configured. This process enabled me to strengthen my skills in server administration and web hosting.
Process and Methodology
Interactive design and advanced animations.
Design and visual effects: The primary challenge was to create a design that was both visually appealing and modern while integrating sophisticated interactive effects such as mouse movements, page transitions, and menu animations. The gravity effect on the homepage was implemented using the Matter.js library, while the animations were created with GSAP.
Technical features: The site includes a contact form linked to a professional email associated with my domain name. User parameters such as theme and language are stored in session to enhance the user experience.
Hosting and configuration: I configured the VPS server, installed all necessary dependencies, and optimized the site's performance. This included configuring Symfony, as well as managing domains and SSL certificates to ensure the site's security and stability.
3.0
Page projets
Challenges Faced and Solutions
A self-taught approach to design.
The main challenge of this project was the design aspect, a field in which I have no formal training. I had to learn on the job, drawing inspiration from various online examples and gradually adapting to concepts such as visual harmony, ergonomics, and interactive animations. Finding the balance between modern design and a functional interface represented a significant learning experience.
Beyond this aspect, there were no major obstacles. The project was mainly time-consuming, requiring extensive time to finalize each feature, optimize the site, and configure the hosting. However, overall, the steps progressed smoothly without any significant technical issues.
4.0
Page description de projet
Results
A dynamic and interactive portfolio.
5.0
Page d'erreur - 404
The final portfolio is an interactive, elegant site perfectly suited for presenting my projects. The animations, visual effects, and smooth navigation provide a pleasant and intuitive user experience. This project allowed me to practice and improve my skills in web development, design, and server administration. It now serves as a key tool in my search for internships and apprenticeships.
Lessons Learned and Skills Gained
Mastery of web development and project management.
This project enabled me to acquire in-depth skills in Symfony, HTML/CSS, JavaScript, and animations via GSAP. I also solidified my knowledge in server administration and web hosting through VPS configuration. By managing the entire project from start to finish, I was able to revisit fundamental concepts and practice various development tools while refining my design sense and ability to create attractive and efficient user interfaces.
6.0
Light theme