Scribd
Upload
88 views

Flurn Web or Mobile App Development - Leave Management

The candidate will build a leave management mobile or web application using the provided API, which includes features like login/registration, listing leaves, calendar view, creating a new leave, and editing leaves, and the application must be built using React Native or ReactJS, include screenshots/videos, and be submitted within 7 days. The API documentation and endpoints are provided via Postman, and the API base URL and authorization header containing the API key must be used to call the API. Features like filtering leaves by date range and performing validation are also required. The assignment is on a first come first served basis and any assumptions made, SCM link, and install

Uploaded by

Dual Dave
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
88 views

Flurn Web or Mobile App Development - Leave Management

The candidate will build a leave management mobile or web application using the provided API, which includes features like login/registration, listing leaves, calendar view, creating a new leave, and editing leaves, and the application must be built using React Native or ReactJS, include screenshots/videos, and be submitted within 7 days. The API documentation and endpoints are provided via Postman, and the API base URL and authorization header containing the API key must be used to call the API. Features like filtering leaves by date range and performing validation are also required. The assignment is on a first come first served basis and any assumptions made, SCM link, and install

Uploaded by

Dual Dave
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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 [email protected]
Send your submissions to [email protected]

You might also like