Ask coding questions

← Back to all posts
Why wont my html file show up in the preview window?
inyourface3445 (37)

I am trying to put my bookmarklet export file (it is in html) in replit, but when i tried to import it from github and deleted the .replit file (how do configer that for html?), when i click run it just says Not Found. Hear is a screenshot:

Pls help!

Answered by Coder100 (18089) [earned 5 cycles]
View Answer
Coder100 (18089)

The default page is index.html, not main.html.

Please rename your index.html to main.html, or go to: to view.

TheBest156 (43)

From what I have learned, Inserting a file from github only works if you have Github connected to Repl. And if you have a Github account.

inyourface3445 (37)

@JohnBarnhart i have done both of those things before i upload to repl

TheBest156 (43)

@inyourface3445 I found something that may help.

GIT on
Git is a version control system for programmers. It allows programmers to collaborate easily, and makes sure the integrity of the project stays intact. Git is used all the time in professional environments, and now houses millions of projects programmers like you have made. Although alternatives exist, nun of them have reached the same level of fame as git.

How do I get started?
Create a new repl, or open an existing one. Then on the sidebar, click the git icon (it looks like a branch) and you'll be greeted with a warm welcome.

Click "Create a git repository", and tons of buttons and words will popup. At first it's a lot to take in, but by the end of this tutorial it'll make sense. integrates with GitHub so you can host your code online. If you don't have an account, you can make one here. Once you've done that, we need to connect your project to a repository. Repositories are simply folders that contain your code, just like your own computer would. You can decorate your repo with 'badges' and links, but we'll save that for another tutorial. Click the "Connect to Github" button and you'll see this popup. will fill in the github name with the repl's name, however you can change that if you so choose. Then provide a description for the repo. Make it short and sweet, as you'll have a chance to add a longer description later. You now have the option to make your repl public, or private. If your project is public, anyone can see your cool work, and if they really like it, they add or change some of your code to make it even better. Of course, you'll first need to approve the change before it's applied, or make changes to their change. Being public isn't for everyone though, and you may want to keep your code to yourself. The choice is up too you, but won't effect how interacts with your repo.

So, what do all these buttons do?
Let's start from the top. You should see a branch dropdown, which looks like this:

Branches are used so that people can organize their changes. Your master branch is your current, working code. Instead of pushing changes to master, create a new branch by clicking the "+", and create a branch named "development". This way, you can organize your thoughts, which is very useful if you want other people to contribute.

After working on your project for a while and you're ready to finish, click "commit & push".

Now, if you switch branches, you'll see that master does not have the same code as the development branch, this is not a mistake. To "merge" the code back into master, you need to create a "Pull request". Go to your GitHub repository, and you should see something like this:

Click "Compare and pull request", and write a description of the change. Once you're done, click the green "Create pull request" button.

Congrats! You made a pull request! Now people and comment and review the changes. GitHub will tell you if your changes are compatible with the master branch. Some times this is not the case, which at that point you'll have to merge the code by hand. Thankfully, this does not happen often, and GitHub makes it easy to do anyways. Any further changes made to the development branch will be reflected in this pull request, allowing changes to be made if people have made suggestions. When the pull request has been reviewed, you can click the green "Merge pull request" button. This will combine the development branch into the master branch. Github will then ask if you want to delete the development branch, which you can always recreate later if you'd like.

If you return to you repl, and switch to the master branch, you should see a new button appear. has detected that changes have been made to the repository, and your current program is out-of-date. Click "Pull <-" to update your code. will update your code to reflect your repo, and you can continue to work!

You can see the repl I used for the tutorial here and the pull request I made here

Congrats! That's the basics of git!
Git is a massive program, it's impossible to cover everything at once. Checkout the GitHub tutorial for even more information. In your search, you may see tutorials that explain the usage of git on the command line. Just know that instead of using the nity grity git commands, does most of the work for you. I hope you found this tutorial useful, and be sure to comment any questions you have. Happy gitting!

CodeLongAndPros (1622)

@JohnBarnhart Remember, you can't ask for someone to mark it unless they both:

  • acknowledge the answer was correct
  • didn't mark it

I've removed it this time, please don't do it again.