Skip to content

maxcramer/AllCats

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🐈 AllPlants coding challenge!

Duration: 4.5 hours

How to run

  • Simply copy the path from the html and paste into the browser. I would have built it in Angluar using an ngFor loop to loop though the data, but was working within the downloaded file.

Dekstop View

Desktop Desktop

On button click

Desktop click take home

Mobile View

Mobile

On button click

Mobile click take home

What I would do next

  • I would check through the objects if they had a tag of 'best'. If they did, I would then run a function where it maps over the array and add the images of the smiley face to the objects with the tag 'best'.
  • I would also add a burger bar menu either as an svg or 3 divs made into lines to assume the classic burger menu icon. I would then create another innerHTML that would slide out from the left displaying the menu options.

Bugs to works out

  • Need to make it so that if another cat is clicked while the details div is open, it doesn't create another details div ontop of that. If you type text in then submit, it will stay in the input for all the form submissions. I would do this with an if statement, check if there is a div already created, and if there is, it has to wait till no details div is present on the page.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published