Skip to content

Commit

Permalink
added mobile figma spec
Browse files Browse the repository at this point in the history
  • Loading branch information
sambhav2612 authored Jan 23, 2023
1 parent 63ffae9 commit 0fbcef7
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions frontend.md
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).**

Expand All @@ -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.

0 comments on commit 0fbcef7

Please sign in to comment.