Host a static website on GitHub for free

Hosting a static website on GitHub for free is a great way to get our project online. Here's a breakdown of the steps involved:

1. Setting Up GitHub Account:

• If you don't have a GitHub account yet, head over to https://github.com/join to create a free one.

2. Creating a New Repository:

• Login to your GitHub account and navigate to your dashboard.

• Click on the "New Repository" button.

• Here's the key part: Name your repository according to the format username.github.io, where username is your GitHub username. This special naming convention lets GitHub Pages recognize it as a website.

• Optionally, you can add a brief description and initialize the repository with a README file.

3. Building Your Website:

• You have two options here:

  • Build from Scratch: Use a text editor or code editor to create your HTML, CSS, and JavaScript files for your website.

  • Use a Website Template: There are many free website templates available online that you can customize to fit your needs.

4. Pushing Your Website to GitHub:

• Here's where Git comes in. You can use a Git client like Git Bash or GitHub Desktop to manage your code and push it to your GitHub repository.

• If you're new to Git, there are plenty of resources available online to learn the basics of committing and pushing your code.

5. Enabling GitHub Pages:

• Once you've pushed your website files to your repository, navigate to the repository settings on GitHub.

• Look for the "GitHub Pages" section and enable it.

• GitHub will provide you with a URL where your website will be accessible. This URL will typically be username.github.io.

Additional Tips:

• Customize Your Domain: While GitHub provides a free subdomain, you can also purchase a custom domain name and configure it to point to your GitHub Pages website.

• Keep it Simple: GitHub Pages are ideal for static websites. If your website requires functionalities like databases or server-side scripting, you might need to consider a paid hosting service.

Here are some helpful resources to get you started:

• GitHub Pages Documentation: https://docs.github.com/en/pages/quickstart