[go: up one dir, main page]
Scribd
Upload
8 views10 pages

Forecastify

Uploaded by

solomonaberra54
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views10 pages

Forecastify

Uploaded by

solomonaberra54
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 10

Forecastify

A comprehensive weather web application providing real-time and detailed


weather reports for any location using Open Weather API.

by Solomon Aberra
Introduction of Team Member
Solomon Aberra

Project Lead, Front-end Developer

• Leading the project


• Responsible for the front-end development
• Designing the user interface
• Integrating the Open Weather API
• Ensuring responsiveness
• Overall quality assurance
Inspiration Story
Identified Market Engaging User Trusted Daily App
Gap Experience The goal was to create an
The idea for Forecastify was Recognized a gap in the application that users could
inspired by the need for a market for a weather app trust and enjoy using daily.
reliable and user-friendly that offers not only precise
weather application that weather data but also an
could provide accurate interactive and engaging
forecasts for any location. user experience.
Technology & Architecture

HTML CSS JavaScript Vercel


Used for structuring the Used for styling and Used for adding Used for hosting the
web pages. ensuring responsive interactivity and application.
design. functionality.

The application follows a client-server architecture, where the client-side (front-end) interacts with the server-side
(back-end) to fetch weather data from the Open Weather API.
Core Algorithms and Code Snippets
Algorithm to Fetch Weather Data

The core algorithm fetches weather data based on the


user's location and displays it in an intuitive format.

Code Snippet

function getWeather(location) {

fetch(`https://api.openweathermap.o
rg/data/2.5/weather?q=$
{location}&appid=49cc8c821cd2aff9af
04c9f98c36eb74`)
.then(response =>
response.json())
.then(data => {
console.log(data);
});
}
Development Report
Successes Failures
Successfully implemented location-based weather Issues with time interval functions for exact time
reporting. Developed a week-long forecast reporting. Weather report values for sunset and
feature. Enhanced interactivity with detailed sunrise did not display correctly.
weather data. Page was responsive on both large
and small screens.

Lessons Learned Next Steps


Improved CSS skills for responsive design. Implement a search bar for weather forecasts of
Gained proficiency in JavaScript for better any chosen location. Add moving background
functionality. Learned the importance of placing animations for a more interactive experience.
scripts below ID references in HTML to avoid Enhance the feedback section for user suggestions
setting properties to null. and improvements.
Process, Collaboration, and Timeline
Agile Methodology
1 Weekly sprints

Iterative Development
2
Incremental improvements

Continuous Feedback
3
Ensure quality

The project followed an Agile development process with weekly sprints to manage the work. Development was done
iteratively, adding features and improvements incrementally. There was a continuous feedback loop to ensure high
code quality throughout the project.

The project was initiated in March 2024 and spanned 2 months of development, with the final deployment
completed in May 2024.
Challenges Overcome

Technical Challenges Responsive Design Optimizing Performance


Integrating the Open Weather API Ensuring responsive design across
and handling edge cases for various devices, including mobile Minimizing and optimizing code
different weather conditions. and tablets. to enhance page load times.
Learnings

Technical Skills Project Management Personal Growth


Enhanced understanding of front- Improved self-management skills Developed problem-solving skills
end development using HTML, through regular progress reviews. by overcoming technical
CSS, and JavaScript. Gained Gained experience in agile project challenges. Learned the
experience in integrating third- management and iterative importance of user feedback in
party APIs and handling development. improving application usability.
asynchronous data.
Summary/Conclusion
Summary Future Work

Forecastify successfully implemented key features Adding a search feature to allow users to get weather
such as location-based weather reporting and detailed forecasts for any chosen location. Enhancing user
forecasts. The project was completed on time and met interactivity with moving background animations and
all initial objectives. additional features. Continuously improving the app
based on user feedback and emerging technologies.

You might also like