The main view should display a directory of car dealers with the following features:
-
You can check https://www.autocasion.com/concesionarios
-
Searcher
- Filter by name
- Filter by location
- Order by name
- Generate url ?order=relevancia
-
Pagination
- Generate url like โ ?order=nearest&page=3
-
Product details https://www.autocasion.com/profesional/automoviles-avenida-1573295 (It is required to change url, so we can use the url to go directly to the page)
-
Tabs in product details (Change content by javascript, do not change the url).
-
(Extra) Contact form: Create a contact form and send an email with the business information to your email. (Nodemailer)
-
(Extra) Create a form in each product detail to add a comment to the business. (Name, Rating, comment)
NOTES:
- Add instructions about how to run the application.
- You can use some solution like JSON-Server for giving persistence to your app.
- The goal of this exercise is to prove the applicant's ability to work with:
- HTML
- CSS
- Javascript
- React
- REST
- Pay attention about how your code is organized.
- How you are reflecting the domain in the code. Be careful with the separation of concerns between the UI and the business logic.
- We love clean code.
- We don't think 100% of code coverage is a must, but we love tests.
- You are not intended to be proven as a designer. The provided mockups are just a guideline, feel free to build whatever you want.
- We are looking forward to seeing your code and discuss with you your solution.
This is the link that contains a CSV file you have to use to populate the database (https://docs.google.com/spreadsheets/d/1G955xD6zzWKXSLcLAGSWqSuSA48L1FHOIh4vvYmlgpg/edit?usp=sharing)