Giter Club home page Giter Club logo

This is an example of a customized GitHub landing page

When I first heard that GitHub added the ability to customize the profile's landing page, I imagined something like a fully-customizable home page. Nope. It means that your landing page displays the README.md from your self-named repository. Nice.

To customize your GitHub landing page, create a repository that has the same name as your username, and add a README.md in it. That's it.

For example, my username is ruthtech, and this is what I did:

  1. I had an existing repository named ruthtech, which held my portfolio. First I renamed that repository to ruthlee.
  2. Then I created a new repository named ruthtech, and added a README.md.
  3. I edited my profile in GitHub to update all former links to ruthlee, updated paths in my portfolio code, and redeployed my React portfolio code.

Formatting the GitHub README.md

These docs explain the formatting that GitHub supports in its README.md files:


Hosting your portfolio on GitHub

If you want to host a website on GitHub, you need to learn GitHub Pages. To see an example of this, view my portfolio pages in the About Me section.


About Me

  • šŸ“– Learning: Iā€™m currently learning MongoDB and Apache Kafka.
  • ā–¶ļø My portfolio: https://ruthtech.github.io/ruthlee/#/
  • :octocat: Repository behind my portfolio site: https://github.com/ruthtech/ruthlee
  • šŸ˜· Fun fact: I returned to work after a 10-year career break raising my children. Right as I started my new job the pandemic started. I've been in the office three times other than my job interview.

Ruth's Projects

employee-directory icon employee-directory

This application enables employees to view the entire employee directory at once to enable quick access to their contact information.

employee-tracker icon employee-tracker

A solution for managing a company's employees using node, inquirer, and MySQL.

generate-random-advice icon generate-random-advice

This application shows the user some random advice. It's a vehicle to test creating an Express server, calling that server from React, and then deploying to Heroku.

profile-generator icon profile-generator

This command-line application dynamically generates a PDF profile from a GitHub username.

voting-app icon voting-app

Enable eligible voters to vote online. Simulate and view election results.

workout-tracker icon workout-tracker

This application tracks which exercises that a person wants to complete.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    šŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. šŸ“ŠšŸ“ˆšŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ā¤ļø Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.