readme.md

JS Challenges

A collection of challenges for you to practice and apply what you've learned of Javascript so far. Have fun! 🎉

---

• Projects
• Useful information
  • How to run the project?
  • Projects structure
  • Styles compilation

---

Projects

1. Clock
2. Rock, Paper, Scissors, Lizard, Spock
3. Photo filters
4. Pixel art
5. Slider
6. Puzzle
7. Weather
8. Zombieland

---

Useful information

How to run the project?

Our recommendation is to run the main project or any of the challenges using Visual Studio Code with the Live Server extension.

Projects structure

Every challenge folder has pretty much the same structure (except for some exceptions), but normally it's something like this...

Project folder...
└── ...
└── js              # The Javascript files of the project
└── scss            # The project styles configuration
└── index.html      # The main HTML file
└── styles.css      # The minified styles
└── readme.md       # The readme folder including the challenge instructions
└── ...

Styles compilation

All of them have an scss folder which includes all of the project stylesheets. In order to compile them you should be positioned on the root directory and run the following commands.

If you're using npm...

npm run sass $1

If you're using yarn...

yarn run sass $1

$1 is the expected argument of the command which references the project you want to compile. Eg: yarn run sass Rock This will compille all of the Rock, Paper, Scissors, Lizard, Spock project styles.