Pre-installed:
React, Webpack, Eslint, Babel, Bootstrap, jQuery, Fontawesome, Google Font Lato
-
Reproduce the design with React/HTML elements. We recommend bootstrap to set up the responsive grid. Assets like logo and images can be fetched from
localhost:9000/assets/*.*
For icons use FontAwesome. Try to make as pixel perfect as possible. -
For the custom styling add a css/style generator to this project. We recommend SASS/SCSS or JSS.
-
Make the header (black bar and white bar with logo)
sticky/fixed
in all resolutions -
Generate the list of
Popular Searches
by fetchinglocalhost:9000/assets/popular-searches.json
-
Use ES6 syntax. Use React hooks if needed.
Follow these commands to start the app on localhost:9000
nvm use
npm install
npm start
The design was made with FontAwesome Pro icons, but we would like you to use the free ones.
Desktop (lg, xl):
Mobile (xs, sm, md):