Disclaimer: This article was written few years ago and may no longer be relevant as software engineering has changed a lot in the last few years. This is what may be more relevant now: Future of Software Engineering - Gaurav ChandakThe aim of this project is to develop a Portfolio Site. A portfolio site is relevant now because we can showcase all the details about our extracurricular or academic activities without any restrictions. If you are developing the website yourself, it also proves your development skills.
An example of a portfolio site can be found here and here. You will find that the website hosts information about the owner or the developer of the website, projects done by the developer, blog articles, contact information, etc.
Prerequisites
Before proceeding further with this project, we assume that you have a basic understanding of HTML and CSS. You will also learn a few things during the development process.
Portfolio Contents
What all can be included in a portfolio website is up to the imagination and creativity of the developer. Another important thing that needs to be kept in your mind is that the portfolio site should be updated frequently, just like your resume.
As a part of this project, you have to develop a portfolio website. The website can be built using HTML and CSS only or with any other tech stack or programming language such as React.JS, Vue.JS, etc. But you can stick to HTML and CSS in this project.
Requirements
Here are the sections that are mandatory for your portfolio site:
- Header
- About Section
- Experience (Internship or Full-time)
- Projects
- Skills
- Contact Information
Apart from the above-listed sections, a lot more can be added to your portfolio site. You can also consider adding a few more sections (add-on sections) such as:
- Education details
- Achievements
- Link to your Resume and GitHub
- Links to your social media profiles
- Blogs (or content of any form)
- Details about the services offered by you
Responsiveness
The portfolio website should be responsive. The screen sizes that can be considered are
- Mobile view (less than 600px)
- Desktop View (greater than 600px)
More details on site responsiveness are available here: Media Query
Portfolio Site Design
Figma File: Design template
You can either create the portfolio site using the template file or can follow your design inspirations. Make sure that your portfolio site is having all of the mandatory sections shared above. The add-on sections are not mandatory but can be added at your discretion.
In the end, your portfolio site should have all the mandatory sections as shared above. All the details provided should also be up to date. The site should also be responsive in mobile view.
The website also has to be hosted and should be publicly accessible. More details about how you can host your website can be found here.
Link: Hosting a Website
