Scribd
Upload
723 views

Frontend Internship Assignment

The document provides guidelines and requirements for a frontend assignment to build a web application using React. It includes: - Guidelines for submitting the assignment within 48 hours via email with resume attached. - A problem statement to create an application that allows users to create, edit, delete cards that contain a name and media link and can be organized into buckets/categories. It also requires playing media, deleting multiple cards, and a history tab. - Tech stack requirements of React, Redux, React Router and a JSON server backend. - Deliverables of hosted codebase on GitHub with unit tests and hosting on Netlify or similar.

Uploaded by

Aditya Lodhi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
723 views

Frontend Internship Assignment

The document provides guidelines and requirements for a frontend assignment to build a web application using React. It includes: - Guidelines for submitting the assignment within 48 hours via email with resume attached. - A problem statement to create an application that allows users to create, edit, delete cards that contain a name and media link and can be organized into buckets/categories. It also requires playing media, deleting multiple cards, and a history tab. - Tech stack requirements of React, Redux, React Router and a JSON server backend. - Deliverables of hosted codebase on GitHub with unit tests and hosting on Netlify or similar.

Uploaded by

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

Guidelines:

● You need to submit the assignment within 48 hours of receiving it.


● Submit the assignment at [email protected] with the subject “Convin Frontend Assignment.”
● Please make sure you complete all the tasks. You can attach the files as attachments to the email
itself.
● KIndly attach your updated Resume along with the assignment.

Objective
Create a web application using ReactJS with the below problem statement.

Problem statement
Create an application where the following functionalities are present -

1. User can create, delete and edit a card


2. The card must contain name and a video/mp3 link
3. Each card can be created under a bucket (eg : Entertainment Videos, Education Videos, Etc )
4. The user has the flexibility to Name this bucket according to his/her choice.
5. User can move a card from one bucket to an other bucket.
6. On clicking on the card a modal with an iframe should open which starts playing the video
7. User can delete a single card or multiple card under a single bucket at once
8. There should be a separate tab called history which lists the mp3/mp4 links that you have
played i.e the card name, the link and the time it was played

Tech stack
1. Frontend: React, Redux, React Router, UI library of your preference (Preferably Antd) ,Redux
Middleware's (e.g. Thunk)

2. Backend: create and use a json server

3. Any additional stack/tools as per your preference.

Deliverables
The following can be delivered using GitHub.

1. Codebase: React and backend (if any)

2. Great to have - unit test cases

Important Notes: -

 Host project at https://www.netlify.com/ or any service library of your choice so it is easy to review

 Make sure your code is available on Github

 Please do not commit node_modules

You might also like