newbie challenge 8 - qr-code-component

Community feedback

• 

  me_bee•60

  @DhahiraThesneemPosted 9 months ago

  Hi, I have seen your solution. it is nice. I'm also newbie to development. I have submitted one solution. I have problem in creating Live Site URL for my next solution. How to create all my solution folder under one repository? How to create Live site URL for each solution separately. Please help me out!

  0

  ---

  

  乌龟爬爬•160

  @turtle-papaPosted 9 months ago

  @DhahiraThesneem Hi~ You can create one repository for collection of all frontend mentor challenges just like me.

  • Step 1. create one repository in github e.g frontend-mentor-challenges.
  • Step 2. upload solution folder to this repository.
  • Step 3. in the repository settings, find "Pages" which under category of "Code and automation", select branch what you want to save, e.g my branch is "main". Your repository now can be live site and under this repository's index.html will be your root html so you can visit this repository with url "https://your-username.github.io/frontend-mentor-challenges"
  • Step 4. with the reason of Step 3., when you upload solution folder to the repository, the solution's live site url will be "https://your-username.github.io/frontend-mentor-challenges/solution-folder-name/" automatically which based index.html in this solution will be the solution's root html.

  My English is not good, hope you can understand what I said.

  1

  

  me_bee•60

  @DhahiraThesneemPosted 9 months ago

  @turtle-papa Thank you for your brief explanation! And, your words are understandable!

  In step 2, I used git commands to upload the folder to the repository! Did you upload the same or any other way?

  In step 3, I set all, for my first challenge Live site URL link is displayed like you said in "GitHub Page" itself. But for further challenge the URL is not displayed and I used the same format "https://your-username.github.io/frontend-mentor-challenges/solution-folder-name/" and check whether the preview page is displayed or not. But, I got 404 error only.

  0

  

  乌龟爬爬•160

  @turtle-papaPosted 9 months ago

  @DhahiraThesneem

  • I use git commands too, but sometimes vscode related buttons work more simple.
  • I noticed your repo has two branches, make sure you set the right one to be your pages. In local git, the command "git init" created default branch's name is "master", in remote git (GitHub) the remote branch is "main", so you should follow the github recommand lines when you create the new repo in local, use "git branch -M main" to change the local branch "master" to "main", therefore when you upload code to github, there only one branch - "main branch", and you can set this branch to be pages in Step 3. Everything will work as you want.

  1

  

  me_bee•60

  @DhahiraThesneemPosted 9 months ago

  @turtle-papa Thank you for checking my repo and providing suggestion. I have submitted two solutions as 2 repo. Now, I'm going create fontend_challenge and upload my further solution there. I will follow your guildines. If, i encountered any issue, i will notify you. Thank you for your instant response, which helped me a lot!

  0

  

  乌龟爬爬•160

  @turtle-papaPosted 9 months ago

  @DhahiraThesneem My pleasure, any questions are welcome to communicate, let's make progress together. Happy coding!

  1