Written by Siterulers

12-step guide to upload project on GitHub
12 step guide to host project using github

October 14, 2022

Some backdrop before starting out.

If you are just starting out as a Web Designer or developer planning to upload your code to a server for free, then you are probably in the right place. In this below post, you will find a step-by-step guide on how you can use GitHub and upload your project to a server entirely for free.

So, let us have a look.

Table of contents

#What is GitHub?

#Benefits of using GitHub

#12 step guide on using GitHub

What is GitHub

GitHub is an internet company providing hosting services. To use GitHub hosting services, you can either do that via GitHub GUI (Graphical User Interface) or by using GIT commands. GitHub is also known as a version-controlling tool that is available for free to be used by any individual. Anyone who wants to share their code written in any programming language can upload their code and share it with anyone via the shareable link.

When any code is uploaded in github, it gets saved into GitHub server. You can view GitHub’s official website here.

Github-logo

Benefits of using GitHub

  • Free hosting provider to upload and share your code
  • Easy to learn and use
  • Best online collaborative platforms for developers
  • Highly secured as its maintained by the developer community
  • Automatically does the version control
  • GitHub Pages allows you to host your project for free

12 steps guide to upload your next project in GitHub

Step-1: Visit website

To upload project in GitHub, visit GitHub’s official website, which looks something as shown below.

github-website
Step-2: Create Account

Click on SignUp button on the top right of your screen as shown above, to create your account. The below screen should appear asking for your details.

signup-email
Step-3: Provide user details

Enter your details as asked and click continue to proceed further. Follow the below image for visual understanding.

email-password
Step-3 (a)

After entering your details complete the captcha verification. Once verified, click on Create Account as shown below, to create your free account in GitHub.

create-account
Step-4: Account verification

After entering your details complete the captcha verification. Once verified, click on Create Account as shown below, to create your free account in GitHub.

verify-account
Step-4 (a)

If you are reading this section, then ideally you are just one step more closer to create your free account. Incase, you realize you have entered incorrect email address or the verification code as not been received, feel free to use the options below shown above in the visual.

Once you click on update email address, you should a get a screen something as shown below to update your email address with the correct one.

update-email
Step-5: User onboarding

After email verification you will be redirected to below screen. Depending on your requirements, select either of them. In this case, you can go with Start a new Project and click on Create a repository.

create-repository
Step-6: Create repository

Provide a repository name, as shown below. Select Add a README file option. Keep the visibility mode to Public, unless you want to have confidential repository. Finally click on Create repository.

repository-name-create-name

Note: Repository name can be anything. Try to create your repository name on your project for better understanding

Step-7: Repository created

On click of Create repository, you will be redirected to the below screen, which provides you the space to upload your code.

code-repository
Step-8: Upload your files

Click on Add File button on the right of your screen as shown in the visuals below. Click on Upload Files from the Add File dropdown to upload your code.

code-repository
Step-9: Select files of your choice

Finally, you are at the place to upload your code. You can select your project folder, drag and drop into area where choose your files is written. You can also use the choose your file option to click and select your project folder from the explorer window when opened. Look for the visuals for more clarity.

upload-code-commit
Step-10: Verify uploaded files before submitting to server

The files uploaded will be shown below with a cross mark, providing you with the option to cancel if any file uploaded is not required. Once done, provide some message under Commit changes. Such message is optional, but good to have as it explains what code has been uploaded, whoever visits your repository.

uploaded-files
Step-11: Commit your files or changes to the server

Finally click on Commit changes button in green color at the bottom. Your code should be now saved in your repository created in GitHub server.

saved-files-repo
Step-12: Share your code

Your code can now be shared with others by clicking on the Code button in green color on the right. Select the type of sharing as shown in the visuals below.

code-share

Grab your freebies

Download the PDF version of the 12 step guide to upload your project in GitHub. Provide your details to get your free resource.

Wrapping Up

Well, congrats 🎉✨for completing the step-by-step guide. By now you must have got a clear understanding of how to use GitHub.

Get your free account in GitHub, start uploading your own projects. Explore more and let me know in the comments below your experience with GitHub.

See you in the next article!

Subscribe for updates!

Join the community for more resources and stay updated about design.

Related Articles

Join the community

Find me on

Shares
Share This