Scribd
Upload
30 views

React - Js New Assignment

The document describes building a tool called OpeninApp that ensures social media links open in their respective apps instead of the built-in browser. It provides a task to build a basic dashboard UI for OpeninApp using React or Next.js with authentication, profile functionality, and sample charts. The completed work should be deployed and shared within 48 hours.

Uploaded by

harshitsr1234
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
30 views

React - Js New Assignment

The document describes building a tool called OpeninApp that ensures social media links open in their respective apps instead of the built-in browser. It provides a task to build a basic dashboard UI for OpeninApp using React or Next.js with authentication, profile functionality, and sample charts. The completed work should be deployed and shared within 48 hours.

Uploaded by

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

Assignment - React.

Js Developer

About 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 a few basic screen Dashboard UI. You need to convert the high
Fidelity design into code using React.JS or Next.Js and CSS/SASS/SCSS/LESS/Tailwind
CSS.
Please note- Use of any other CSS framework apart from the once mentioned above 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://openinapp.co/hy5yu
● The dashboard should be pixel-perfect and should look like a replica of the design.
● Add profile functionality has to be implemented mandatorily.
● 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.
You can fetch the basic data using Axios/Fetch. (You can build an API or fetch json
from public repo)
Resource: https://openinapp.co/fmqjn
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