Scribd
Upload
5 views3 pages

FSWD- Problem Statement

The document outlines the requirements for a Full-Stack Web Developer intern tasked with reimagining an Instagram-like web interface focused on a user’s feed and post creation. Key features include a feed page displaying images, a post creation flow, responsive design for both desktop and mobile, and clear setup instructions for local running. The submission must be made via GitHub by March 7th, with an emphasis on code quality, user experience, and creativity.

Uploaded by

Suyash
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
5 views3 pages

FSWD- Problem Statement

The document outlines the requirements for a Full-Stack Web Developer intern tasked with reimagining an Instagram-like web interface focused on a user’s feed and post creation. Key features include a feed page displaying images, a post creation flow, responsive design for both desktop and mobile, and clear setup instructions for local running. The submission must be made via GitHub by March 7th, with an emphasis on code quality, user experience, and creativity.

Uploaded by

Suyash
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/ 3

Job Title:

Full-Stack Web Developer (Intern)

Problem Statement:
You are tasked with reimagining an Instagram web interface that
highlights a user’s feed and allows posting images. Your primary focus is
on the feed view (showing posted images, and fundamental feed
interactions) and the “create post” flow (uploading an image and
displaying it in the feed). Other pages (like profile or settings) are not
required.

Requirements:
●​ Feed Page
○​ Display a list of posts (images) in a style reminiscent of Instagram.
○​ Each post should at least include:
■​ The posted image (fetched from a publicly available URL).
○​ The feed should update automatically (or upon refresh) after creating a
new post.

●​ Post Creation Flow


○​ Provide a UI form where users can upload or specify an image URL,
reframe/ crop it, and add a simple caption.
○​ Once the user submits a new post, it should be stored (locally) and
reappear on the feed.
○​ No additional metadata (e.g., hashtags, user tags, filters) is required
●​ Responsive Design
○​ You must provide two views:
■​ Desktop Web View (typical browser size).
■​ Mobile Web (MSite) View (optimized or responsive design for
smaller screens).
○​ You can implement this with either responsive design or by creating
separate layouts as necessary.

●​ Fundamental Interactions
○​ The feed should be easily scrollable and user-friendly.
○​ The post creation flow should be clear, smooth, and intuitive.
○​ Visual transitions or simple animations are welcome if they enhance
the user experience.

Technical Submission Details:


●​ Local Setup:
○​ The entire solution must run locally.
○​ Provide clear setup instructions (e.g., “Install dependencies,” “Run npm
start,” etc.).
○​ List all required environment variables, if any.

●​ Repository Submission:
○​ Submit all source code in a repository (e.g., GitHub, GitLab).
○​ Include a README.md outlining the technologies used, how to install
dependencies, and how to run the application.
○​ Ensure you highlight any steps needed to test the experience (e.g.,
“Open http://localhost:3000 in a browser”).

●​ Images:
○​ For sample posts, use publicly available image URLs (e.g., from Google
Images).
○​ If you implement a file-upload flow, ensure it works locally with no
extra services required, unless you clearly explain the external service
configuration

●​ A video showcasing the experience running on your local setup (optional):


○​ Upload an unedited short 1 min video quickly demonstrating the
product

Evaluation Criteria
●​ Code Quality and Organization:
○​ Clear code structure, reusable code & use best coding practices.

●​ Smooth User Experience:


○​ The app should feel responsive and seamless when posting or viewing
images.

●​ Creativity:
○​ Feel free to enhance the basic flow with additional features or UI/UX
touches.

NOTE: Please ensure your git repository should be public & easy to clone, install, and
run on a local machine

Submission Process
●​ Upload to GitHub
○​ Submit the fully functional project files by uploading them to GitHub.
●​ Submission Form
○​ Provide the GitHub link in the Google Form linked below

https://forms.gle/YXGgRr4dCYPqng2XA

●​ Email Consistency
○​ Use the same email ID for submission as the one used during the
application process.
●​ Deadline
○​ Submission is due by March 7th, EOD (before 12 AM).

NOTE: The deadline is final, and no extensions will be granted. Please submit
whatever you have completed by the deadline, ensuring that it is a functional file.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy