While I was busy catching up with the past Bonfire challenges, Free Code Camp went down because some important changes were being made. Some good things came out of that. To name one, I was forced to re-solve the Bonfire puzzles, rather than just copy-paste them. When the FCC site started working again, I found the whole map had been turned upside down, and a bunch of new challenges had been added. I’m now working my way through the Basic Front End Development Projects. I think it’s a good idea to give the chance to start with “practical” projects earlier in the course – it’s quite rewarding. I just completed the first one of the, the personal portfolio page. I didn’t spend much time curating the design, but I’m happy to have manage with relative speed and ease.
The rules for the challenge were:
- Don’t look at the example project’s code on CodePen. Figure it out for yourself.
- You may use whichever libraries or APIs you need
- Reverse engineer the example project’s functionality, and also feel free to personalize it.
- Users can access all of the portfolio webpage’s content just by scrolling.
- Users can click different buttons that will take me to the portfolio creator’s different social media pages.
- Users can see thumbnail images of different projects the portfolio creator has built (if you haven’t built any websites before, use placeholders.)
- Bonus: users navigate to different sections of the webpage by clicking buttons in the navigation.
Here‘s what I got!