Loom Video Link

Google Drive Link

Users using this application should be able to see a header. It will have the Instagram logo and a thumbnail showing the user&rsquo;s picture.

&nbsp;

Note for the candidates: Candidates need to create a header for the application, as shown in the figure given in the Read Me file. The image for the logo and the user photo can be found in the assets folder under the &lsquo;src&rsquo; folder.

&nbsp;

Candidates are expected to match the styling shown in the figure below. Also, the logo shown in the image as part of Read Me file is different from the zip folder. Use the image in the zip folder only.

&nbsp;

Users using this application should be able to see information related to their Instagram profile. It should include a profile photo, the username associated with the user, the number of pictures uploaded by the user, the count of followers, and the count of accounts followed by the user.

&nbsp;

Additionally, it also needs to display the actual name of the user and a short bio of the user.

&nbsp;

Note for the candidates: Candidates should match the UI and the styling as shown in the figure given in the Read Me file. The profile photo can be found in the assets folder under the &lsquo;src&rsquo; folder.

&nbsp;

The username associated with the user should be strictly in lowercase. The candidates are free to change the textual information, as per their discretion.

Instagram Clone - Gallery and Additional Information

Header and Profile

Users using this application should see a gallery of pictures that they have uploaded to the platform.

&nbsp;

It should be seen in a grid of 3 pictures per row.

&nbsp;

Hovering over the picture should show the number of likes and comments for that picture.

&nbsp;

Note for the candidates: Candidates should match the UI and the styling as shown in the figure given in the Read Me file.

&nbsp;

The pictures to be used for developing the photo gallery can be found in the assets folder under the &lsquo;src&rsquo; folder.

&nbsp;

Candidates can use random numbers for the count of the likes and comments for every post.

&nbsp;

However, they need to make sure that every post has a different count of likes and comments.

&nbsp;

Also, please make the gallery layout responsive.

Gallery

Users using this application should be able to view additional information about a picture when they click on it.

&nbsp;

When a user clicks on a picture, it should open a model that shows an enlarged version of the picture and information like the location where it was shot, a brief description of the photo, and the number of likes on the picture.

&nbsp;

Please make the layout responsive.

&nbsp;

Note for the candidates: Candidates should match the UI and the styling shown in the figure given in the Read Me file.

&nbsp;

They are free to add any description, location, date, and the count of likes, as per their discretion.

Additional Information

The candidate's knowledge on Frontend Development was tested on 3 basic areas:

The candidate's knowledge on Code Quality was tested on 3 basic areas:

The candidate's knowledge on Code Maintenance was tested on 3 basic areas:

The candidate's knowledge on Data Structures and Algorithms was tested on 1 basic areas:

The candidate's knowledge on Programming Fundamentals was tested on 5 basic areas:

The candidate's knowledge on Communication was tested on 2 basic areas:

Aniket Mahajan

788

RELEVEL SCORE