Skip to content

Latest commit

 

History

History
28 lines (23 loc) · 1.67 KB

README.md

File metadata and controls

28 lines (23 loc) · 1.67 KB
Raw

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.