forked from alexwade13/front-end-test
-
Notifications
You must be signed in to change notification settings - Fork 15
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
63ffae9
commit 0fbcef7
Showing
1 changed file
with
5 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,9 @@ | ||
# Suitable Frontend Task | ||
|
||
1. Build the page using this [design spec](https://www.figma.com/proto/bDqEQ5WiwXMKTwAKmJxhqQ/Untitled?node-id=1%3A4&scaling=min-zoom&page-id=0%3A1). | ||
2. You don't have to build an exact replica of the design, you can skip stuff like icons and other small things that will take time off building the actual UI. | ||
1. Build the page using these design specs: | ||
- Desktop: https://www.figma.com/proto/bDqEQ5WiwXMKTwAKmJxhqQ/Untitled?node-id=1%3A4&scaling=min-zoom&page-id=0%3A1 | ||
- Mobile: https://www.figma.com/file/lf8yFFCbFaqCvOPmV9XmA3/Referral-Status-Card-Mobile?node-id=0%3A1&t=4oAhU1QobtzxeL9j-1 | ||
3. You don't have to build an exact replica of the design, you can skip stuff like icons and other small things that will take time off building the actual UI. | ||
|
||
**There is no need to build any backend (api layer, server, database).** | ||
|
||
|
@@ -12,6 +14,6 @@ | |
## Submission | ||
1. **Has to be built with React** | ||
2. **Should be responsive** (Mobile, Tablet and Desktop) (Size < Desktop, the list layout should switch to vertical with name at top, smaller step ladder in middle (progressing horizontally) and lastly, the amount) | ||
3. Build the page using any UI/component library | ||
3. DO NOT build using any UI/component library | ||
4. The input box at the top should search the list by name | ||
5. **Mail the submission to [email protected] with link to your repo and the live website** where we check the code and UI respectively. |