Frontend Mentor Challenges

This is a repo that contains all the Front-end development exercises done during Optimum BH Internship.

Exercises are based on Frontend Mentor challenges.

Getting started

1. fork this repo
2. enable GitHub Actions for your fork
3. find appropriate challenge in GitHub Issues
4. checkout exercise branch (e.g. qr_code_component)
5. download starter files from the corresponding challenge and read the instructions
6. start the server using npm run serve
7. edit files inside challenge directory (e.g. challenges/qr_code_component) and add any images to its own images subdirectory
8. run Prettier formatter using npm run format
9. execute npm run test command and make sure it passes
10. compare screenshots made during tests in screenshots directory with the expected design
11. create PR to the matching branch of the upstream repo (optimumBA/frontend_mentor_challenges)
12. make sure it passes code review
13. merge your exercise branch into your main branch
14. update main index.html file (challenges/index.html) in your main branch to include link to the newest challenge solution
15. repeat steps 3-14 for each exercise
16. you can also improve UI of the main index.html file
17. set gh-pages branch as GitHub Pages Source
18. open your site at https://USERNAME.github.io/frontend_mentor_challenges/

Each challenge has its own directory inside challenges that contains HTML file, Tailwind CSS config file and input CSS file just like Tailwind Playground does. Directory public is for output only and can be ignored.