JavaScript Algorithms Interactive Dashboards is a collection of interactive dashboards based on coding challenges from CodeWars, LeetCode and freeCodeCamp.
Developers are often asked to participate in technical assessments that, oftentimes, are challenging. As a new Frontend Developer, while preparing for such assessments, I decided to do it in a manner that would help me to continue to learn Javascript and practice HTML & CSS at the same time. And, before I knew it, it was a project. The live site can be accessed here: JavaScript Algorithms Interactive Dashboards
Instructions can be access via the information button in the header. There is a grid of cards that each represent a Javascript Algorithm.
Each card has a title, a brief description, a difficulty level and a play button to access the interactive dashboard. the difficulty level is represented by a battery. A three quarters full battery indicates "easy" of minimal energy used. A half full batter indicates "intermediate" of medium energy used. At this time, hard and advanced algorithms have not be added.
## Dashboards Once the user selects the play button, as dashboard is accessed. The dashboard containes a title, input field and a button to run the algorithm. The input fields display examples of how the user should input data. When the algorithm is run, the user will receive feedback. The inputs will automatically reset after 2.5 - 5secs. On the right of the dashboard, a pdf of the algorithm is displayed. The user can opt to download the pdf by using the "download" button at the bottom of the pdf viewer. There is a home button at the top right corner of the dashboard.
- HTML5 Markup
- CSS3
- Grid
- Flexbox
- JavaScript
- ES6
- Document Object Model
- Visual Studio Code
- Netlify
Pia Torain, a Frontend Web Developer and aspiring Fullstack Web Developer