Scribd
Upload
2 views2 pages

React.js - Assignment 2023

Listed is seeking a React.Js Developer to create a dashboard UI based on provided designs, focusing on responsive design and functionality. The assignment includes implementing Google authentication, ensuring pixel-perfect design, and integrating charts with dummy data. Candidates are encouraged to showcase their skills and submit their work within 48 hours via hosting services like Netlify or Vercel.

Uploaded by

bujjiksofficial
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views2 pages

React.js - Assignment 2023

Listed is seeking a React.Js Developer to create a dashboard UI based on provided designs, focusing on responsive design and functionality. The assignment includes implementing Google authentication, ensuring pixel-perfect design, and integrating charts with dummy data. Candidates are encouraged to showcase their skills and submit their work within 48 hours via hosting services like Netlify or Vercel.

Uploaded by

bujjiksofficial
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Assignment - React.

Js Developer

About Listed
We are a lab building products for the creator economy. Why so, because we are on a mission to
empower the individual to realise/unleash their full potential. Following are some of our flagship
products:

Listed.fans
We Listians find it very painful that unlike tech entrepreneurs there’s little to no capital available for our
darling social media creators or influencers, the wonderful people who entertain us, educate us and so
so much more. And this is not just the case for social media creators but individual performers of any
form whether they are, cricketers, singers, dancers, actors etc…
So, listed helps rising creators get funded, just like startups. By being-there done-that's like
mega-influencers, agency owners and brand CXOs to launch and accelerate their own creator-ships. In
return, these rising stars pledge to share a portion of their future incomes with their investors for a
certain fixed period of time.
So, if you believe the gifted individuals of today will overshadow the companies of yesterday, and in
doing so, have the right to capital & guidance, then welcome to the tribe.

OpeninApp
Almost all your favourite creators on Instagram, share links to their latest Youtube videos or Youtube
channels in their bio or stories. But whenever you tap on those links, you get redirected to the youtube
website instead of the youtube app. And here you can’t watch the video in full screen nor can you like it,
comment on it or subscribe to the channel.
Ever wondered why it is so? That’s because Instagram has something called a Built—IN-Browser that
opens up instead of opening the app you wanted to open. Which is not cool at all ... .And this is not just
so for IG but for all your favourite social media apps eg.Youtube, Linkedin, Twitter, Snapchat, Telegram,
Quora etc..
So we fixed this problem of sub-optimal user experiences by building a tool that ensures all social media
links open in the apps they should. It’s called OpeninApp. And it is already loved by over 20,000
influencers & brands including the likes of Munawar Faruqui, Raj Shamani, Riva Arora, Aishwarya
(Ranjnikant-ji’s daughter), trak-in Tech, Mamaearth etc.. And has been used by 55Mn+ users.

So if you are someone who is passionate about social media and wants to improve User Experiences for
a Billion people, then welcome home.a Billion people, then welcome home…
TASK
You are provided with 2 basic screens Dashboard UI. You need to convert the high
Fidelity design into code using React/Next and CSS/SASS/SCSS/LESS/Tailwind CSS.

Use of any other CSS framework is prohibited.

What you have to achieve -


● Make a basic auth using Google (Login/Signup using google)
- Resource: https://next-auth.js.org/
- Design File Link: https://www.figma.com/file/gKLhBDaTmdNDzHjsvqFMmC/Front-End-
Developer-Task?node-id=0-1&t=rJ4A60cFvrDoc5TE-0
● The dashboard should be pixel-perfect and look like a replica of the design.
● Don’t blindly copy and paste the Figma inspect code. Use your skills to make it fit
all screens, in simple terms it should be responsive.
● The charts should be working with some dummy data.
● Fetch the basic data using Axios/Fetch. (You can build an API or fetch json from public repo)
- Resource: https://github.com/public-apis/public-apis

How to submit:
Please deploy your assignment on hosting services like Netlify or Vercel, and kindly share the link with
us via the email address [email protected].

By When can you complete the task:


Preferably 48 hours. Let us know, If you need more time.

To make this assignment worth your time, make something that you can use to showcase your skills and
knowledge in the future. After all, your work is more a reflection of who you are and less of what we ask.

Feel free to write, if you have any doubts - [email protected] /


[email protected]

You might also like