Skip to content

REDUX WEATHER #32

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
bdworkman31 wants to merge 12 commits into
base: main
Choose a base branch
from
Open

REDUX WEATHER #32

Show file tree
Hide file tree
Changes from 10 commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
453a46a
First Commit
bdworkman31 Jun 30, 2026
2230438
Sparkline Charts are Where they need to be
bdworkman31 Jul 4, 2026
e68403c
Charts Functional. Still Need Mean & Extensions
bdworkman31 Jul 5, 2026
7b38cc7
All Charts Working
bdworkman31 Jul 6, 2026
cfa235b
Fully working Weather App; Need to Add Extensions
bdworkman31 Jul 7, 2026
567634c
Added Typescript
bdworkman31 Jul 11, 2026
adc307f
Map Loading. One Extension Remaining
bdworkman31 Jul 12, 2026
76023f9
Completed Project
bdworkman31 Jul 17, 2026
d166f15
FINAL FINAL
bdworkman31 Jul 17, 2026
48e4598
Added Axios to package.json
bdworkman31 Jul 18, 2026
63a0463
After initial Submission Edits
bdworkman31 Jul 19, 2026
980a010
Resubmit After Passing Eval
bdworkman31 Jul 25, 2026
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
17 changes: 0 additions & 17 deletions app/layout.js
View file
Open in desktop

This file was deleted.

16 changes: 16 additions & 0 deletions app/layout.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
"use client";
import "./globals.css";
import { Inter } from "next/font/google";
import { Provider } from "react-redux";
import store from "./store/configureStore";
const inter = Inter({ subsets: ["latin"] });

export default function RootLayout({ children }) {
return (
<html lang="en">
<body className={inter.className}>
<Provider store={store}>{children}</Provider>
</body>
</html>
);
}
95 changes: 0 additions & 95 deletions app/page.js
View file
Open in desktop

This file was deleted.

59 changes: 57 additions & 2 deletions app/page.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,9 @@
border-radius: var(--border-radius);
background: rgba(var(--card-rgb), 0);
border: 1px solid rgba(var(--card-border-rgb), 0);
transition: background 200ms, border 200ms;
transition:
background 200ms,
border 200ms;
}

.card span {
Expand Down Expand Up @@ -97,7 +99,7 @@

.center::before,
.center::after {
content: '';
content: "";
left: 50%;
position: absolute;
filter: blur(45px);
Expand Down Expand Up @@ -227,3 +229,56 @@
transform: rotate(0deg);
}
}

.cityName {
flex: 0 0 150px;
margin: 0;
white-space: nowrap;
}

.columnNameContainer {
display: flex;
width: 100%;
gap: 20px;
align-items: center;
border-bottom: 2px solid #ccc;
padding-bottom: 10px;
padding-top: 10px;
border-top: 2px solid #ccc;
}

.weatherContainer {
display: flex;
width: 100%;
gap: 20px;
align-items: center;
}

.card {
flex: 1;
text-align: center;
}

.buttonClass {
color: blue;
margin-left: 20px;
font-weight: bold;
padding: 5px;
border-radius: 18px;
}

.geoLocate {
color: rgb(139, 180, 106);
margin-bottom: 20px;
padding: 10px;
border-radius: 18px;
}

.map {
width: 100%;
max-width: 900px;
height: 400px;
margin-top: 20px;
border: 0;
border-radius: 10px;
}
Loading