Frontend Engineering: Mobile & Web App Development

Assignment

Statement
You will be building a Leave Management app using provided API to fetch
the data. You can choose one of the stacks:
1. Build mobile app using React Native
2. Build a web app using ReactJS

API
Postman Collection of all the APIs -
API Documentation

● API Base URL - https://dkgicggupnrxldwvkeft.supabase.co

● Pass the API key in request headers for every API call.
○ apikey =
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZi
I6ImRrZ2ljZ2d1cG5yeGxkd3ZrZWZ0Iiwicm9sZSI6ImFub24iLCJpYXQiOjE2Nj
YwMDI4ODMsImV4cCI6MTk4MTU3ODg4M30.BLLinQ9VEK8_T-JE22WOidlJ
s_0TFhOb1n3zkSVc7eg

Features
● Login & Register
○ Create screens for login and register. Login is by email and
password.
○ Accept email, password and name for registration.
○ On successful login, the API will return access_token,
refresh_token and expiry. Store the access_token and
refresh_token securely and include the access_token in every
API request made as a Bearer token (Authorization header)
Like this - Authorization = Bearer <token>
 ● Listing page

○ Show a list of all applied leaves after login.

○ Show the data segregated as Upcoming leaves and Past
leaves.
○ Create a UI allowing users to filter and view leaves. Users
should be able to filter by “Current Month”, “Last Month”, “Last
6 months”, “Last 1 year” or “Custom dates”

● Calendar Page

○ Display all leaves on a calendar. You can use any calendar

plugin and integrate it to show the leaves.

● Create Leave Screen

○ Users can apply for leaves. They need to mention the start
date, end date and reason for the leave. Start and end dates
are mandatory and the reason is not mandatory.
○ Perform client-side validation checks before making the API
call.

● Edit Leave Screen

○ Users should be able to edit the start date and end date of the
applied leave.
○ Perform client-side validation checks before making the API
call.

Things to remember and follow:

1. Use a version control such as Github, bitbucket, etc from start to
finish. You are required to share the SCM URL as part of the delivery
2. Mention any assumptions you make.
3. Build and share either link to the hosted web app or an installable
build of the app.
4. Please include some screenshots/videos of the app.
5. Deadline - 7 days from receiving the assignment.
6. Assignments will be processed on first come first order. So try to
submit as soon as possible as we have limited positions open.
Any questions feel free to drop a mail at tech-hiring@theflurn.com
Send your submissions to tech-hiring@theflurn.com