Skip to content

Latest commit

 

History

History
63 lines (37 loc) · 2.42 KB

README.md

File metadata and controls

63 lines (37 loc) · 2.42 KB

How to use

In order to solve this challenge you will need to clone this repo into your machine. Remember after fixing the errors and answering the questions, commit your changes and push to remote.

This App was bootstrapped using Yarn and creat-react-app

In order to run this in your local machine you will need Nodejs and Yarn

Note: You can use NPM instead of Yarn if you don't want to donwload the latter.

Running this APP using Yarn

  1. Run the command yarn i.
  2. Run the command yarn start

OR

Running this App using NPM

  1. Run the command npm install
  2. Run the command npm start

Happy hacking!

Find and Fix Errors

No. of errors is around 13

A web developer was working on a simple website for Re:Coded bootcamps

This simple web page was designed to look like this before the JS part applied:

And like this after JS part applied:

A gif showing how the buttons and hover effect work:

Here are the images links:

https://drive.google.com/open?id=1_YRh_FeX_owNopgxiz3A2kxWA4YnLHd6
https://drive.google.com/open?id=1SXLpyAeuEagwKCV7MXMbtPAqW3R2hV1m
https://drive.google.com/open?id=1kfaSmgcFlNKhvLnYnGr8ZTW5gPae7GyF

But one day, the son of the developer took a hold of the keyboard, made some random HTML, CSS and JS errors, disabled the buttons functionality and asked some questions.

Your responsibility is:

Check the code, and console, for errors, fix as much as you can to make it appear like the screenshots above, 
Answer the questions in the comments
Add the resources you used to answer each question in `resources.md` file (e.g: add the link you found in Google to your question, or type asked a friend if a friend helped you answering it) so he can look at them himself when he grows up.
Add the JavaScript code to make the buttons work!
If you get stuck on one of the requirements, skip it and do other ones, then come back to it at the end.
If you can't answer a question, try to provide an explanation with why you couldn't determine the answer. 


You might need to add more HTML elements and/or CSS rules.

You are required to add as much Javascript code as you can.

note please check the deadline any commits after that will not be accepted!