Mobile-Responsive Offers Platform Development
Budget: $30 – $250 USD
We are looking for a developer to create the home screen of an offers platform, with a strong focus on responsiveness for mobile devices, as most access will be via mobile phones. It is essential that the layout prototype be approved before development begins.
The project must be developed in Angular 17 and the source code must be provided.
The home screen should include the following functionalities:
1. Login Button: When clicked, the user will be redirected to the LOGIN screen.
2. Establishment Registration Link: A link "Want to advertise your offers, click here" that will lead to the establishment registration screen.
3. Banner Carousel: A rotating banner with five images, which will be retrieved via API. The images should rotate automatically or allow manual navigation (swiping).
4. Invoice Upload: A button or link "Register your invoice here" that will direct to the customer's invoice upload page.
5. City Selection with Autocomplete: A field for the user to type the city. The autocomplete functionality should search and suggest cities with each letter typed, similar to the city search behavior on websites like www.webmotors.com.
6. Listing of Establishments by City: After selecting the city, an API will be called to retrieve and list all available establishments in that city, displaying the returned information.
7. Display of Offers by City: Upon selecting the city, a list of offers from that city will be displayed. Each offer should show the name of the establishment. The listing should present 4 rows of offers, with two offers per row, and should implement pagination.
8. Filtering Offers by Establishment: A search field for the user to select an establishment (with autocomplete, searching with each letter typed). Upon selection, the system should filter the offers to display only those from that establishment.
9. "Purchases from our customers" Section: Display information according to the prototype, with data from an API and implementation of pagination for the offers in this section.
The goal is to deliver an intuitive and functional interface, optimized for the mobile experience.
The project must be developed in Angular 17 and the source code must be provided.
The home screen should include the following functionalities:
1. Login Button: When clicked, the user will be redirected to the LOGIN screen.
2. Establishment Registration Link: A link "Want to advertise your offers, click here" that will lead to the establishment registration screen.
3. Banner Carousel: A rotating banner with five images, which will be retrieved via API. The images should rotate automatically or allow manual navigation (swiping).
4. Invoice Upload: A button or link "Register your invoice here" that will direct to the customer's invoice upload page.
5. City Selection with Autocomplete: A field for the user to type the city. The autocomplete functionality should search and suggest cities with each letter typed, similar to the city search behavior on websites like www.webmotors.com.
6. Listing of Establishments by City: After selecting the city, an API will be called to retrieve and list all available establishments in that city, displaying the returned information.
7. Display of Offers by City: Upon selecting the city, a list of offers from that city will be displayed. Each offer should show the name of the establishment. The listing should present 4 rows of offers, with two offers per row, and should implement pagination.
8. Filtering Offers by Establishment: A search field for the user to select an establishment (with autocomplete, searching with each letter typed). Upon selection, the system should filter the offers to display only those from that establishment.
9. "Purchases from our customers" Section: Display information according to the prototype, with data from an API and implementation of pagination for the offers in this section.
The goal is to deliver an intuitive and functional interface, optimized for the mobile experience.