This app was created as a personal portfolio project. It pulls data WeatherAPI to display the current weather condition for the searched location as well as the forecast weather for the next 3 days.
LIVE LINK: https://weather-next-app-ten.vercel.app/weather/
The app makes use of
- WeatherAPI for requesting weather-data
- Axios for data-fetching
- Debounce for limiting API calls
- MUI library for styling and theming
- MUI sx prop for custom styling of components
- React-Full-Screen to enable the FullScreen Feature for desktop screens
- Breakpoints & FlexBox for Responsive Styles
Planning to add some more features
- Add a minimum window size for canvas
- Show Skeleton on Page Load
- Show Error Message/Component if a query is invalid
- Creation of an About Page
- Use SWR hook with axios for data fetching.
- Default searching of user's location using
navigator API - Creation of a Footer with Social Links at the main page
- Add a strip at top to show loading, error etc. state
- Create a "fetch-Mock-Data" Option for user in case the network is down or for debug purposes
M.Shahzeb Raza is a Frontend Web developer & energetic problem solver with a strong foundation of Web fundamentals:
HTML
CSS
JS
REACT
NEXT
MongoDB
Seeking a part-time Remote Web/Frontend Developer role in a Development Team and offering Ambition with strong technical, and problem-solving skills.
Take a look at my Portfolio & Resume.
Get In Touch:
- LinkedIn - linkedin.com/in/mshahzebraza
- E-Mail - [email protected]
- GitHub - github.com/mshahzebraza97
- Phone - +92 335 0450600 (Whatsapp Available)