How to Build a Free Data Analyst Portfolio Site

TL;DR

Build a free portfolio website by customizing an HTML5 UP template in Visual Studio Code, previewing changes with Live Server, and publishing the finished files through GitHub Pages. Include a short professional introduction, links to projects, examples of your code or dashboards, and contact information so recruiters and hiring managers can evaluate your work.

Transcript

what's going on everybody welcome back to another video today i'm going to be walking you through how to create your very own portfolio website now we just completed our data analyst portfolio project series where we walk through four projects in sql tableau and python and so if you have completed those projects you now want to share them with pote... Read More

Key Insights

• A portfolio website is a practical way to share completed SQL, Tableau, and Python projects with potential employers, because it can combine a professional introduction, project links, visible results, code repositories, and contact information in one accessible location.
• Two free website approaches are presented: using a builder such as Wix with its branding in the address, or customizing an HTML template and hosting it through GitHub Pages. A customized Wix URL requires payment according to the transcript.
• GitHub Pages is the hosting method used for the demonstrated portfolio, and the resulting address uses GitHub's github.io domain. The example site links individual portfolio entries directly to GitHub projects, where an employer or recruiter can inspect the associated code.
• HTML5 UP provides downloadable website templates that can be customized without prior website-building experience. The tutorial uses a responsive HTML5 template, although the presenter notes that other available templates can support different portfolio designs and personal preferences.
• Visual Studio Code is used to open and modify the downloaded template files. The index file contains most of the content that needs editing, while the images folder becomes relevant when replacing the template graphics with images related to personal projects.
• Live Server provides a local website preview that responds to saved code changes. The preview is not publicly accessible, but it lets the creator see updated titles, descriptions, and other edits immediately while working inside Visual Studio Code.
• A portfolio introduction should identify the creator and summarize relevant abilities, such as SQL, Tableau, and Python. Template credits or social links can also be customized to point toward a YouTube channel, LinkedIn profile, GitHub profile, or another relevant destination.
• A narrative portfolio format can explain where a dataset came from, how it was obtained, what logic guided the analysis, and how code produced the result. Screenshots and copyable code can make the project's process easier for visitors to follow.

Questions & Answers

Q: How can I create a free data analyst portfolio website?

Download a free template from HTML5 UP, extract its contents into a dedicated project folder, and open that folder in Visual Studio Code. Customize the index file with your name, skills, project descriptions, links, and contact information. Use the images folder for project graphics, preview saved changes through Live Server, and publish the completed website with GitHub Pages.

Q: What should a data analyst portfolio website include?

A data analyst portfolio website should include a short introduction, relevant technical skills, completed projects, and contact information. The demonstrated portfolio highlights work involving SQL data cleaning, data exploration, Tableau dashboards, and Python analysis. Each project can link to its GitHub repository so a recruiter or hiring manager can examine the code and understand the work behind the result.

Q: How does GitHub Pages help publish a portfolio?

GitHub Pages hosts the customized portfolio website and makes it available through a github.io address. After the template has been edited and the portfolio content is complete, the files can be hosted through GitHub rather than remaining only on the creator's computer. The resulting public website can then be included on a resume for potential employers to visit.

Q: Why should a portfolio link to GitHub projects?

Linking portfolio entries to GitHub allows employers and recruiters to move from a project summary to the actual repository. They can inspect the creator's code for work such as SQL data cleaning, data exploration, Tableau dashboards, or Python analysis. This connection gives visitors access to the underlying work rather than limiting the portfolio to brief descriptions or screenshots.

Q: How can I preview portfolio changes before publishing?

Install the Live Server extension in Visual Studio Code and open the website with Live Server. It creates a local preview connected to the template files. When you edit the index file and save it, the preview updates to show the change. The local site is not available to other people, so it can be used safely while customizing the portfolio.

Q: Which template files need to be edited for the portfolio?

Most of the customization takes place in the index file, which contains the visible HTML content for the portfolio. This is where template headings, the browser tab title, introductory text, skills, and project information can be replaced. The images folder also needs attention when adding personal project graphics, but the tutorial identifies the index file as the primary editing location.

Q: Should I use Wix or GitHub Pages for a portfolio?

Both options can produce a portfolio without an initial hosting charge. Wix offers many templates and supports a blog-like or narrative presentation, but the free version includes Wix in the website address, and a customized URL requires payment according to the transcript. GitHub Pages supports the demonstrated HTML template and hosts it through a github.io address without requiring a website builder.

Q: How can I present a data project as a narrative?

A narrative project page can begin with an introduction and explain where the dataset came from, how it was obtained, and how the analysis progressed. It can combine screenshots with sections of code and describe the logic used to complete the work. This structure gives the project a clear story and lets visitors follow both the analytical process and its output.

Summary & Key Takeaways

• A portfolio website gives data analysts a central place to present completed SQL, Tableau, and Python projects to potential employers. The demonstrated site uses a simple structure with a personal introduction, individual project entries, links to supporting GitHub work, and contact information, allowing recruiters to inspect both results and underlying code.

• The tutorial uses a free HTML5 UP template that is downloaded, extracted into a new project folder, and opened in Visual Studio Code. Most customization occurs in the index file, while the images folder is used for personal project graphics. Existing template text can be replaced with professional information and relevant skills.

• The Live Server extension creates a local preview connected to the website files, so saved changes appear immediately during editing. After the title, introduction, projects, images, links, and contact details are customized, the completed site can be hosted through GitHub Pages and added to a resume for employers to review.