Skip to content

PRA#03_React-HectorValverde-WeatherApp #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
hectordev4 wants to merge 20 commits into
base: master
Choose a base branch
from
Open

PRA#03_React-HectorValverde-WeatherApp #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
48dfbfc
remove Weather component and related functionality
hectordev4 Feb 22, 2025
6a19752
Features: add Map component and update dependencies
hectordev4 Feb 22, 2025
a635bfd
Features: implement Dashboard layout
hectordev4 Feb 22, 2025
9efa1c0
Features: refactor application structure with routing and error handling
hectordev4 Feb 23, 2025
e575059
Features: restructure application with new routing and navigation com…
hectordev4 Feb 27, 2025
27ff860
Features: update Navbar layout and routing, change logo to Weather App
hectordev4 Feb 27, 2025
bdc20a5
Features: update Navbar to use local logo and clean up Weather component
hectordev4 Feb 27, 2025
2635077
Features: enhance About and Home pages with new styles and content, a…
hectordev4 Feb 28, 2025
b3734ac
Features: update API key import to use environment variable for bette…
hectordev4 Mar 3, 2025
f1237fe
Features: implement weather data fetching with improved error handlin…
hectordev4 Mar 3, 2025
c775247
Features: remove background gradient from About and Home pages for a …
hectordev4 Mar 3, 2025
73331f3
Features: implement theme provider with light and dark modes, update …
hectordev4 Mar 3, 2025
b429d47
Features: add Leaflet and React-Leaflet for map functionality, implem…
hectordev4 Mar 4, 2025
6040234
Features: add leaflet-geosearch for location search, implement dragga…
hectordev4 Mar 5, 2025
1af2bb4
Features: update ToggleMode component to set mode based on system pre…
hectordev4 Mar 7, 2025
0b936e4
Features: update styles for Home and About pages, enhance Weather com…
hectordev4 Mar 8, 2025
9816673
Features: add SearchBar component for location search with recent sea…
hectordev4 Mar 9, 2025
a43cf43
Features: add FavoritesSidebar and WeatherForecast components, refact…
hectordev4 Mar 10, 2025
e9e923e
Features: refactor FavoritesSidebar and SearchBar components to impro…
hectordev4 Mar 10, 2025
b2987ee
Features: update styles for About and Home pages, refactor Navbar com…
hectordev4 Mar 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .env
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
VITE_OPEN_WEATHER_API_KEY=955915eda8981d86ee32efec8d5251c3
VITE_OPEN_WEATHER_API_KEY=4206b745575c5ebf6172e27af548a0b2
17 changes: 12 additions & 5 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,15 @@
# React + Vite
This App is intended to work as a weather information based on your location app. Also you can see a 5 day forecast on it.

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
First you'll need to navigate to the Weather section in the navigation bar and select Weather.

Currently, two official plugins are available:
Once in it you can search your desired city to see its weather.

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
Then you'll be prompted with the weather and a 5-day forecast of it.



Additional features:

You can tag as favourite a location to have a fastest access to your most searched cities if you want.

You can go the Map section through the navigation bar, selecting Map. And see an interactive map where you can navigate.
4 changes: 2 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="https://cdn2.iconfinder.com/data/icons/weather-flat-14/64/weather02-512.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
<title>Weather App</title>
</head>
<body>
<div id="root"></div>
Expand Down
Loading