Scribd
Upload
20 views

Assignment and Form Submission

Uploaded by

riya bansal
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
20 views

Assignment and Form Submission

Uploaded by

riya bansal
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

Thanks for your interest in “Front-End Development Intern” position at Smart Decision

Advisory Services.

Here are the next steps.

1. Please review the assignment below.


2. Submit your assignment on or before July 12, 2024, through the Form at
https://forms.office.com/r/CPD0BAnFrc. Please note that the form also has few
other questions to help us evaluate candidates.
3. Shortlisted candidates with good quality submissions will be invited for
technical interview (starting Monday 8th July).

We will highly encourage your submit the form at the soonest as

• early submission of the form (including the complete assignment) will be


indicative of your interest and competency.
• we may start the interview process early and select the candidate early, if we get
good quality early submissions.

All the Best! Looking forward to your form & assignment submission.

****************************************************************

Assignment: Weather Dashboard

Description:
Build a weather dashboard that provides current weather information and forecasts for
different cities. The application should allow users to search for cities and display the
current weather and a 7-day forecast. Use React for the front-end, Material-UI for
styling, and a weather API (such as OpenWeatherMap) for data.
Objectives:

• Fetch and display real-time weather data.


• Implement data visualization for temperature trends.
• Ensure the application is responsive and mobile-friendly.

Requirements:

1. Set up a React Application:


o Initialize a new React project using Create React App.
o Set up Material-UI for styling the application.
2. User Authentication (Optional):
o Implement user authentication allowing users to sign up, log in, and log
out.
o Store user preferences, such as favorite cities, in the user profile.
3. Search Functionality:
o Implement a search bar allowing users to search for different cities.
o Fetch weather data for the searched city using a weather API (e.g.,
OpenWeatherMap).
o Display a list of search suggestions as the user types.
4. Display Current Weather:
o Display the current weather information for the selected city.
o Include details such as temperature, humidity, wind speed, and weather
conditions.
o Use Material-UI components like Card and Typography for styling.
5. 7-Day Forecast:
o Display a 7-day weather forecast for the selected city.
o Include details such as daily temperatures, weather conditions, and
precipitation.
o Use Material-UI components and icons to enhance the visual
representation.
6. Data Visualization:
o Implement charts to display temperature trends over the next 7 days.
o Use a chart library like Chart.js or Recharts for visualization.
o Display line charts or bar charts to represent temperature changes.
7. Responsive Design:
o Ensure the application is fully responsive and works well on various
screen sizes, including mobile devices.
o Use Material-UI’s grid system and responsive utilities to achieve a
mobile-friendly layout.
8. Error Handling:
o Handle errors gracefully, such as displaying appropriate messages when
the weather data cannot be fetched.
o Ensure the application handles edge cases, such as invalid city names.
9. Optional Features:
o Allow users to save their favorite cities and quickly access weather
information for those cities.
o Implement a feature to display weather alerts or notifications.
o Provide localization support to display weather information in different
languages.

Deliverables:

• A link to the GitHub repository containing the source code.


• A brief document (README.md) explaining the project structure, setup
instructions, and how to run the application.
• Any additional notes or considerations taken into account while completing the
assignment.

Evaluation Criteria:

• Correctness: The application should meet the specified requirements and


function correctly.
• Code Quality: The code should be clean, well-organized, and properly
documented.
• User Interface: The UI should be visually appealing, user-friendly, and
responsive.
• Data Handling: Proper handling of API data, including fetching, displaying, and
error management.
• Optional Features: Implementation of additional features will be considered a
plus.

****************************************************************

Best Regards,

Nitin Acharekar

You might also like