Skip to content

EstherWhiteDev/angular-vs-vanilla-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular vs Vanilla JS

image


### pm-position-challenge instructions

🎉 You are willing to join our lovely Positive Minds family.

We're happy to see creative and enthusiastic people, who can find their way along with as-real-life-problems-as-possible projects. We hope you have fun 🎉 and teach us something new.

Here is the task to be implemented.

Fake Product Search

A one single page or app should be implemented to render some fake product data in a list. The page renders an input field and a search button. In the input field, the number of products to render must be added by the user. Otherwise, an error message is displayed.

Initial

After entering the number of products which and be rendered, and clicking the search button, the result list is displayed (see design example). The products are requested from a REST web service - see below. The page is responsive and renders 2 tiles in a row for a mobile device, 3 tiles for the medium size screens (768-1024px) and 4 tiles in a row for large screens. The design just shows the mobile version.

For each tile, the main image, additional images, name, price, and tags for the product are rendered.

Search

Implementation Hints

🍀 Good luck!

🔗 More Projects

Check out my latest and more elaborate projects on my website:
🌐 esthersoftware.dev


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published