DEV Community

Cover image for How to Upload Flutter Project on GitHub | Bring Remote Repo Locally | A - Z | 2022
Hosney Ara Smrity
Hosney Ara Smrity

Posted on

76

How to Upload Flutter Project on GitHub | Bring Remote Repo Locally | A - Z | 2022

Today's topics:

  • What is git?
  • What is github?
  • What are the benefits of using git/github?
  • How to use git/github?
  • How we can use git/github in our project?

What is git?
Git is a version control system. In short we can call it vcs. Without git, there are lot of vcs. They are svn, marcurial, gitlab, cvs and more.

What is github?
Github is a hosting service, where we'll host our Flutter project.

What are the benefits of using git/github?

  1. fast
  2. work offline
  3. revise code/control version
  4. team collaboration
  5. more..........

How to use git/github?
To use git, must have to install in our operating sytem. You can download & install from here or watch Video tutorial

To use github, must have to create a github account and logged in the account. Create account from here.

Now let's jump into the main topic, How we can use git/github in our project? How to upload flutter project on github;

Step-1 Create a Flutter Project
Step-2 Open Terminal
Step-3 Step by step all commands to upload project remotely.
→ 1. git init
→ 2. git add .
→ 3. git commit -m "description"
→ 4. git branch -M branchName
→ 5. git remote add origin repoUrl
→ 6. git push -u origin branchName

You can see in Video tutorial

Add modified files to that remote project;
Step-1 Step by step 3 commands to upload modified files/folders.
→ 1. git add .
→ 2. git commit -m "description"
→ 3. git push -u origin branchName
This way we can upload our project remotely.

Now we'll see how we can bring the repo locally in our system.
There are 2 ways; 1. Git clone , 2. Download zip 
To clone repo : Github project → code → copy url → vs code → clone repo
*To download zip : * Github project → code → download zip
Video tutorial

Sentry blog image

The Visual Studio App Center’s retiring

But sadly….you’re not. See how to make the switch to Sentry for all your crash reporting needs.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay