* Timespan: January 2023
* Description:
- Supervised university project, with technical production.
- Website built from web technologies studied in university (HTML, CSS, JavaScript, PHP).
* Improvement paths:
- Further experiment with interactive structures commonly used by websites.
- Understand and exploit CSS Media Queries.The main purpose of this project was to develop a first personal website, which would later be used as a portfolio, besides providing a practical and meaningful introduction to web development.
The main targets of the project were the following:
- Build a website with a coherent structure for use as a portfolio.
- Create a space dedicated to the description of our interests and hobbies (at least 2).
- Deliver a multilingual website, featuring at least a toggle function between French and English.
Permissions regarding the use of templates to build the website remained unclear.
Some colleagues decided to build their website using the entire structure of a Bootstrap template. Some chose to partially use a template, while others didn't use any template at all. I chose to partially build my website from a Bootstrap template.
So after finding a fairly simple, uncluttered template, I began to work on the HTML files and style sheets that would be relevant to the creation of the website. I then proceeded to edit each file individually, adding new CSS classes and instructions, reorganizing and customizing the HTML structures I found interesting, while deleting anything deemed unnecessary.
On a personal level, I struggled to find the right way by which I could talk about my activities and interests.
This was particularly reflected through difficulties in:
- Thinking about why sharing what I do would be useful.
- Looking into the aspects of my personal activities that would be interesting from an outsider's perception.
"What's the point of sharing our hobbies in a portfolio? Is it relevant? What activities are most likely to attract attention? Should they attract attention? Is it really necessary?" were at the core of my thoughts. A lack of confidence in the value of my personal activities coupled to a certain lack of relational maturity resulted in such a personal challenge, which I had to overcome.
On a technical level, I was sorely lacking in experience and general knowledge about website production. I hadn't quite understood and fully mastered CSS Media Queries, which allow a website's behavior to be adjusted according to various screen formats. As a result, a few display issues unfortunately remained unsolved until the final output.
My main disappointment regarding this project was the poor integration of interactive elements into the rendered website: there was no use of PHP, and JavaScript was only used for a drop-down menu feature taken from the original Bootstrap template.
Without so many concurrent projects happening between December 2022 and January 2023, I would have dedicated more time to this project, in order to deliver a better work and create a proper website baseline.
Documents and deliverables
EN 
FR