Skip to main content

Command Palette

Search for a command to run...

Cloning, editing and pushing to GitHub ๐Ÿ‘ฏโ€โ™€๏ธ

Clone, edit and push a repository on GitHub | Beginner friendly

Updated
โ€ข2 min readโ€ขView as Markdown
Cloning, editing and pushing to GitHub ๐Ÿ‘ฏโ€โ™€๏ธ
S

Hey! Iโ€™m Sulamita, a frontend content creator. Iโ€™m a self-taught developer and Iโ€™m sharing my journey by documenting everything I learn so that it can help others.

I was a professional photographer who had my own business in high school and through college. Overtime I realized that photographing people as a job was not for me.

I started graphic design and designed logos and websites for my husbands digital marketing company. I loved the design aspect of it but I wanted to learn how to code when my husband, Dennis Ivy started coding and needed help designing his projects. I began learning HTML/CSS and then JavaScript.

Eventually I got discovered by a recruiter on LinkedIn and got my first tech job for a SAAS company, Eptura, as a developer of user journeys. I took on a lot of tasks to custom code our docs site and anything else than can help me acquire more skills. I was able to double our traffic to new products on the dashboard.

Now I am a full time content creator and enjoying the process of learning and sharing about frontend development. I go to conferences with Dennis and share the journey on Twitter, LinkedIn and Instagram.

Cloning, editing and pushing to GitHub is a great way to contribute to open source projects and build your portfolio at the same time. It's also important to learn how to use git and GitHub because it's a skill that is required for most jobs in the tech industry.

Let's jump in! ๐Ÿคฟ

Forking a repo

  • Login to your GitHub account

  • Find a repo you want to clone

  • Click "fork"

  • Fill in required information

  • When forking is complete, copy the url

Cloning the repo

Open the terminal on your computer and type the following commands:

cd Desktop

git clone https://github.com/sulamitaivanov/portfolio-website

Editing the repo

  • Open the cloned folder in your code editor

  • Open the file you want to edit

๐Ÿ’ก If you want to preview what you're changing, open the terminal in the code editor and type npm i then npm run dev click on the link that appears in the terminal

  • Make changes to the code and save

  • Open terminal in code editor ๐Ÿ’ก control+ back tick symbol
    git status *optional
    git add add the name of the file you changed
    OR git add . to add all files
    git status *optional - to confirm that the file has been added
    git commit -m "message"
    git push -u origin main๐Ÿ’ก you can find the name of the branch on the repo page on GitHub. In this case the branch name is "main"

  • Refresh the page on GitHub and you should see your changes

  • You will see a message asking if you want to contribute the changes to the original repo

  • Select the "Contribute" button then "Open pull request" button

  • Confirm that the information is correct and click "Create pull request"

  • You will see a message saying that the pull request has been created

Congrats! You've just contributed to an open source project! ๐ŸŽ‰