Project: your website, live on the internet
You've learned how to save your work with commits, experiment on branches, put your code on GitHub, work with pull requests and publish a website. That's the whole workflow real developers use every day.
In this project you'll make sure all of it is in place for your own website, so it's properly published, properly backed up and has a history you can be proud of.
What you'll hand in
A live website, published from a public GitHub repository, with a clean history of commits behind it.
Requirements
- Your
my-websitefolder is a Git repository with at least five commits, each with a clear message - The repository is public on GitHub and everything is pushed
- At least one change was merged through a pull request
- GitHub Pages is turned on and your site is live
- The live site looks the same as it does with Go Live, including your CSS and images
- The live site works on a phone
Before you hand it in
Run through this checklist:
- Run
git statusand make sure there's nothing left to commit - Run
git log --onelineand read your messages. Would someone else understand what each commit did? - Open your live site in a private browser window, so you're not seeing an old cached version
- Open the live site on your phone
- Check the Actions tab on GitHub and make sure the latest deploy has a green checkmark
Tell people about it
This is a great time to share what you've built. Put the link in your GitHub profile, send it to a friend or post it somewhere. You started this pathway without having written a line of code, and now you have a real website on the internet. That's worth celebrating.
And remember, it's not finished. Every time you learn something new, you can come back, improve your site and push the changes. In the next course you'll add JavaScript and make it interactive.
Hand in your published website. Include:
- The address of your live website
- The address of your GitHub repository
- The output of git log --oneline from your my-website folder
- A link to the pull request you merged
- One sentence about how it felt to see your website live for the first time
Your project is complete when the live address is a github.io address, the repository address points to a public repository, the log shows at least five commits with clear messages describing the changes and there's a link to a merged pull request. The feedback will comment on your commit messages and suggest a next improvement for your site.
Resources:
- Site showing a 404? Check that index.html is in the root of the repository. See "Publishing your site with GitHub Pages".
- Changes not showing up? Wait a minute and do a hard refresh, or check the Actions tab.
- Forgot how to open a pull request? See "Pull requests".
Upload your solution
Log in to submit this assignment.