Self-paced

Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.

Bootcamp

Learn live

Join us for our free workshops, webinars, and other events to learn more about our programs and get started on your journey to becoming a developer.

Upcoming live events

Learning library

For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Search from all Lessons


LoginGet Started
โ† Back to Lessons
Edit on Github

How to start coding a project

1) What Github repository are you trying to open?
3) Open the repository

At 4Geeks we understand that starting a project is one of the hardest things to do. There are many ways to start coding a new project, so many that it is tough to know the best or the "recommended way".

After a lot of hard work, we came up with the following alternatives; please read carefully and choose the best that fits your needs:

1) What Github repository are you trying to open?

The most critical step is recognizing which repository you want to open; there are two options:

  • Some projects require starting from scratch using one of 4Geeks' templates.
  • Other projects come with pre-written code; you need to fork and clone the project's main repository before opening it.

Ensure you understand the URL of the repository you need to open.

2) The repository is a template? (only for templates)

Once you know precisely the repository you need to open, navigate to that repository, and keep in mind the process will be a little different if the repository is a template. If your repository is not a template, move to step 3.

Some repositories are meant to be re-used every time you start a new project, at 4Geeks we have created several templates for HTML/CSS, React, Python, etc. Here is the full list.

You can tell if the repository is a template because it contains a Use this template button.

Using a template

If the repository is a template, you will start by creating a new repository based on the template. Click on the button that says Use this template; a dropdown menu will be displayed. You have to click the option that says `Create a new repository:

create repository

You'll be redirected to a new view where you'll create your new repository. Click the Select an owner button; a dropdown menu will be displayed.

โš ๏ธ Important: If you are currently part of the 4Geeks Academy coding bootcamp, make sure to select it on this dropdown, otherwise you will not get free hours of Github Codespaces.

You have to give your repository a name: We strongly recommend prepending your Github username followed by the name of the project you'll be working on. For example githubusername-my-project-name:

select an owner

Make sure you select the public option, and after that click the Create repository from template button:

create from template

You'll be redirected to the repository URL. The first thing you need to do is to star the repository, so you'll be able to find it easier. You have to click the Star button:

star

๐Ÿ‘‰ Note: You can see your starred repositories by clicking on your profile button (where your picture or avatar is): a dropdown menu will be displayed, and you have to click the Your stars option.

your stars

3) Open the repository

There are 3 ways you can open a repository, please choose only one:

  • Using a cloud computer on Codespaces (recommended).
  • Using a cloud computer on Gitpod.
  • Working on your local machine.

If you are using Codespaces (takes 10 seconds)

Then, you'll click the <> Code green button, and after that, the Create codespace on main button: codespace

A new tab will be opened with your Codespace ready for work! Start coding!

๐Ÿ’ป Note: here are more details about opening repositories with Codespaces.

If you are using Gitpod (for legacy users)

Please download the Gitpod extension for Chrome or for Firefox.

Once you navigate to the repository page, you will find a green button that says Gitpod, here is a screenshot that shows how the button should display on the repository. Press the button and the project will start opening immediately.

๐ŸŠ Note: here are more details about opening repositories with Gitpod.

If you are working locally on your computer

We don't recommend working on your local computer, but here are the instructions if you insist.

You can find very detailed explanations in this article, but here is a summary:

  • Make sure you have git installed.
  • Find your computer terminal or PowerShell (for Windows).
  • Navigate to the folder you want to download the files using the cd command.
  • Run the following command that will download the code:
1$ git clone https://github.com/4GeeksAcademy/html-hello
  • Once the project has finished downloading, you can open the VSCode editor in that folder, usually by typing $ code . on your terminal (notice the dot . at the end). If that command does not work, you can still open VSCode, click on "open folder" and find your project folder.