Skip to content

JosefGvirt/CS50x_FinalProject_Portfolio

Repository files navigation

YOUR PROJECT TITLE: Portfolio

Description:

homepage of website

Kind regards all and all, this is my final project for cs50x.

Welcome to my final project for CS50x: a personal portfolio website that serves as a comprehensive showcase of my skills, projects, and professional journey. This portfolio is not just a culmination of my technical abilities but also a reflection of my passion for web development and design.

Motivation and Goals:

The primary motivation behind creating this portfolio was to establish a personal brand and connect with potential employers and collaborators in the tech industry. The goal was to create a user-friendly, visually appealing website that effectively communicates my professional story and technical prowess.

Technologies Used:

This project is built using HTML, CSS, and JavaScript. I chose HTML for its fundamental role in web development, CSS for styling and layout customization, and JavaScript for dynamic interactivity. Additionally, media queries ensure responsiveness across various devices.

Sections of code:

index.html

This file is the backbone of the project, containing the HTML layout. It's divided into several sections: main, experience, projects, and contact. The use of semantic HTML ensures better readability and SEO performance.

Style.css

Here lies the heart of the website's aesthetics. This file contains detailed styling rules - from color schemes and typography to layout design and subtle animations that enrich user experience.

mediaqueries.css

This stylesheet ensures the website's responsive design, providing an optimal viewing experience across different devices, from desktops to mobile phones.

script.js

This JavaScript file controls the interactive elements of the website. It includes functions for smooth transitions between sections and the hamburger menu's behavior on mobile devices.

assets folder

A rich collection of media: project screenshots, my professional headshot, and custom icons for social media and other sections. These visual elements play a crucial role in enhancing the website's appeal.

Project Showcase:

In the portfolio, I highlight three key projects that I have developed and hosted on GitHub. Each project comes with a brief description, the technologies used, and links to the repositories. These projects demonstrate my ability to solve real-world problems with code.

Navigation and User Experience:

The website features an intuitive navigation system, allowing users to jump between sections easily using the arrows at the bottom right of each page or the navigation bar. The design's focus on user experience is evident in its simplicity and ease of use.

Responsive Design:

Special attention has been paid to make the website mobile-friendly. The layout adapts seamlessly to different screen sizes, ensuring a consistent user experience across all devices.

Future Enhancements:

I am committed to continually improving this portfolio. Future updates will include more interactive features, additional projects, and possibly a blog section where I can share my thoughts on technology and development.

Feedback and Contributions:

I warmly welcome feedback and contributions. If you have suggestions or would like to collaborate, please feel free to reach out via my GitHub repository.

Contact Information:

For more information or to discuss potential opportunities, please contact me through LinkedIn, email, or the contact form on my website.

Acknowledgments:

Special thanks to the CS50x team for providing an excellent learning platform and to all who supported me throughout this journey.

Link to website served on Netlify: https://main--timely-crepe-f2de5c.netlify.app/#about

Link to Github Repo: https://github.com/JosefGvirt/CS50x_FinalProject_Portfolio