Internship Report: Creation of a Personal Portfolio Website

Cover Page

– Title: Internship Report – Creation of a Personal Portfolio Website
– Student Names:Rayan Toumi
Mesrati Nadjla, Masbah Aboubaker
– Supervisor: Dr. Smaal Bouzid
– University: University of Médéa
– Date: November 2024

—

Acknowledgements

We would like to express our gratitude to Dr. Smaal Bouzid for his guidance and valuable advice throughout our internship. Our thanks also go to the entire team at the University of Médéa for their support and availability.

—

Table of Contents

1. Introduction
2. Presentation of the University of Médéa
3. Presentation of the Internship Project
4. Methodology and Development Steps
5. Results Obtained
6. Challenges Encountered and Solutions Provided
7. Conclusion and Perspectives
8. Appendices
9. Bibliography/Webography

—

1. Introduction

During our internship at the University of Médéa, we had the opportunity to develop a personal portfolio website. This project aims to showcase our skills, projects, and experiences in an interactive and appealing format.

2.Presentation of the University of Médéa

The University of Médéa, located in Médéa, is a higher education institution committed to providing quality training and meeting the needs of the job market. The academic environment is conducive to innovation and creativity.

3. Presentation of the Internship Project

The project involves developing a personal website that presents our academic and professional achievements. This site includes interactive elements such as animations, a blog, and a contact form. The technologies used include HTML, CSS, JavaScript, and frameworks like Bootstrap for responsive design.

4.Methodology and Development Steps

1.Research and Design:
– Analysis of business needs and user expectations.
– Creation of site mockups using tools like Figma.

2. Development:
– Site Structure:
– Home page, About, Projects, Blog, Contact.
– Design:
– Selection of a color palette consistent with our visual identity.
– Implementation of animations using CSS and JavaScript to enhance interaction.

3. Testing and Deployment:
– Verification of compatibility across different browsers.
– Uploading to a web server.

5. Results Obtained

The portfolio website is now functional, featuring:
– Interactive animations: Enhance user experience.
– Integrated blog: Allows sharing articles and experiences interactively.
– Contact form: Facilitates communication with visitors.

6. Challenges Encountered and Solutions Provided

– Layout Issues: Solution: Adjusting CSS styles for better adaptability.
– JavaScript Bug: Solution: Debugging with tools like Chrome DevTools to identify and correct errors.

7.Conclusion and Perspectives

This internship was a rewarding experience that allowed us to acquire technical and professional skills. We plan to continue enriching our portfolio with new projects and to support other students in developing their own websites.

8.Appendices

– Site mockups
– Code examples
– References of tools used

9.Bibliography/Webography

– Documentation for Bootstrap, HTML5, and CSS3.
– Tutorials on JavaScript animations.
– Resources on UX/UI design.

—

This report template can be adapted and detailed based on each individual’s personal experience. The integration of interactive elements and attention to design make it a relevant project for students wishing to stand out in the professional world.