Total newbie- how do I put my challenge on GitHub pages?

[DoDoingDone]

I'm really struggling - I'm very new to GitHub and I'm trying to get my first code challenge uploaded to view. I managed to get the files into a github repository, but after that, I can't seem to figure out anything about getting the code to be viewed. It says I have one deployment, but that was just the screenshot, I think. Help! (This may be the most difficult part of coding for me, learning GitHub!)

[urdrops]

To make your code visible on GitHub, you need to ensure that your repository contains the necessary files and that GitHub Pages is configured correctly.

Here's a step-by-step guide to help you:

1. Create a Repository:

   • Make sure you have a repository for your code on GitHub. If you've already done this, great!

2. Add Your Code:

   • Make sure your code files are in the repository. If you have a main code file (e.g., index.html for a web project), ensure it's in the root of the repository.

3. GitHub Pages:

   • GitHub Pages is a feature that allows you to host a static website directly from your GitHub repository. To enable GitHub Pages for your repository:
     • Go to your repository on GitHub.
     • Click on the "Settings" tab.
     • Scroll down to the "GitHub Pages" section.
     • Under "Source," select the branch where your code resides (usually, it's the main branch).
     • Click "Save."

4. Wait for Deployment:

   • After saving, GitHub will start building and deploying your page. This may take a few minutes. Once it's done, you should see a green checkmark and a message indicating that your site is ready.

5. Access Your Deployed Site:

   • After the deployment is successful, you can access your site using the URL mentioned in the GitHub Pages section. It's usually in the format https://username.github.io/repository-name.

6. Verify Files:

   • Ensure that the necessary files for your project are accessible through this URL.

If you've done all of this and are still having issues, let's troubleshoot. Check the following:

• Ensure that the files needed for your project are correctly named and located in the repository.
• Confirm that the branch you selected for GitHub Pages contains the latest version of your code.
• Double-check the GitHub Pages section in your repository settings to see if there are any error messages.

If you encounter specific issues, feel free to share more details, and I'll do my best to assist you!

[DoDoingDone]

Thanks for the quick reply! I did try to follow these guidelines, but ended up with the problems mentioned. I really am a total newbie. I guess the first question would be "If you have a main code file (e.g., index.html for a web project), ensure it's in the root of the repository." How would I do this? I'm assuming this might be my first problem. I got the green checkmark, but I can't see any files or code, just a picture of the qr code card.

[urdrops]

go through the process of checking and ensuring that your code files are correctly placed in the repository.

Access Your Repository:

Go to your GitHub repository on the web browser.
Verify Files:

Once you're in your repository, look for your code files. Commonly, your main code file would be something like index.html for a web project. If you have multiple files, make sure they are all present.
Adding Files to Repository:

If you haven't added your code files to the repository yet, here's how you can do it:
On the GitHub repository page, click on the "Add file" button.
You can either upload files directly or create a new file by clicking on "Create new file."
Ensure that your main code file is in the root directory of the repository.
Commit Changes:

After adding or modifying files, scroll down to the bottom of the page.
In the "Commit changes" section, provide a meaningful commit message (e.g., "Add index.html") to describe your changes.
Click on the "Commit changes" button.
GitHub Pages Configuration:

After ensuring your code files are in the repository, go to the "Settings" tab of your repository.
Scroll down to the "GitHub Pages" section.
Under "Source," select the branch where your code resides (usually, it's the main branch).
Click "Save."
Wait for Deployment:

After saving, GitHub will start building and deploying your page. This may take a few minutes. Once it's done, you should see a green checkmark and a message indicating that your site is ready.
Access Your Deployed Site:

After the deployment is successful, you can access your site using the URL mentioned in the GitHub Pages section. It's usually in the format https://username.github.io/repository-name.
If, after going through these steps, you're still encountering issues, please provide more details or the URL of your GitHub repository, and I'll do my best to assist you further.

[DoDoingDone]

All right- still learning. First, I have learned how to restore a delete depository...go, me! I'm going to see if I get it deployed and, if not, I'll be back for more help!

[DoDoingDone]

Well, It still says 404 page not found. My learning curve continues...

[DoDoingDone]

Woot! A miracle occurred! I can see it deployed on Frontend Mentor...mistakes gloriously on display now. Thanks for your help!

[urdrops]

Im glad to help u ;)

[seyLu]

Hi @DoDoingDone,

I've deployed a copy of your site.

I just want to make sure, is your pages settings the same as the screenshot?:

[DoDoingDone]

I believe I had it from the main branch, yes. I decided to delete the project and try from scratch with some suggestions I received. If I'm still in the completely lost pile soon, I will be back for help. Thank you so much, everyone, for answering!

[DoDoingDone]

I've restored my repository, and I'm still getting a 404 message that the site isn't available. It's tough being a newbie.

[DoDoingDone]

It's working now...yay! I can see many issues that need attending in my code. At least I can see them now! Thanks for your help!

[TheStorybuilder]

Having the same publishing issue. My repo sync's fine with my computer even after renaming the repo from JS_Projects to js-projects.

• I have checked my settings. default branch is set to main under general.
• The repo is set to public
• Source is set to Deploy from a branch
• Branch is set to main and root
• I went ahead and created the recommended jekyll-docker workflow
• I made a small edit of the html in the repo on the website to see if the commit would aid in the process
• under edit repo details I checked marked the use your GitHub Page website
• keep getting a 404 page.

I'm stumped?

The repo:
url
github repo