From 3887c7e1d1638ca6b69631bd1093f3f07850314b Mon Sep 17 00:00:00 2001 From: Pratham Khanal Date: Wed, 6 May 2026 01:58:40 -0500 Subject: [PATCH 1/3] Update ResponsiveAppBar.js Adding Help and Contribute in ResponsiveAppBar.js. --- components/widgets/ResponsiveAppBar.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/widgets/ResponsiveAppBar.js b/components/widgets/ResponsiveAppBar.js index 09ee18c..d155d30 100644 --- a/components/widgets/ResponsiveAppBar.js +++ b/components/widgets/ResponsiveAppBar.js @@ -24,7 +24,7 @@ import MenuItem from '@mui/material/MenuItem'; import AdbIcon from '@mui/icons-material/Adb'; //const pages = ['Home', 'Tutorials', 'About Us', 'Navigation Graph']; -const pages = ['Home', 'About Us'] +const pages = ['Home', 'About Us','Help','Contribute'] const ResponsiveAppBar = (props) => { const [anchorElNav, setAnchorElNav] = React.useState(null); From 6a0b42a0dbfefcffb2108768c00726b3da3fdca9 Mon Sep 17 00:00:00 2001 From: Pratham Khanal Date: Wed, 6 May 2026 02:00:40 -0500 Subject: [PATCH 2/3] Create index.js MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Created new Contribute page for Redux contributors and collaborators. Changes made: * Added brand new Contribute page with dedicated contributor onboarding content * Implemented consistent light academic UI theme matching About Us and Help pages * Added “Contribute to Redux” introductory section * Added contributor guidance and project mission statement * Added contribution workflow overview including: * Forking repositories * Local Redux setup * Template integration * Pull request submission process * Added Tutorial Videos section with embedded Redux setup walkthrough * Added “Checklist for a Successful Pull Request” section * Added Helpful Links section with GitHub and Swagger resources * Added “Get Involved” collaboration/contact section with Dr. Paul Bodily contact information * Added placeholder sections for: * Terms of Use * Privacy Policy * Applied responsive layout improvements and reusable section card styling * Standardized typography, shadows, spacing, borders, and hover effects across sections * Updated hyperlink styling using ISU-inspired orange accent color (#F47C20) * Maintained consistent Redux frontend branding and visual hierarchy --- pages/contribute/index.js | 314 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 314 insertions(+) create mode 100644 pages/contribute/index.js diff --git a/pages/contribute/index.js b/pages/contribute/index.js new file mode 100644 index 0000000..c835544 --- /dev/null +++ b/pages/contribute/index.js @@ -0,0 +1,314 @@ +import ResponsiveAppBar from "../../components/widgets/ResponsiveAppBar"; + +import { + createTheme, + ThemeProvider, + Container, + Box, + Typography, + CssBaseline, + Link, +} from "@mui/material"; + +const contributionSteps = [ + "Creating a fork of the appropriate repository, front end or back end", + "Getting Redux running locally for development and testing", + "Downloading, editing, and integrating templates", + "Submitting a successful pull request", +]; + +const helpfulLinks = [ + { + label: "GitHub", + url: "https://github.com/ReduxISU/", + }, + { + label: "Swagger", + url: "https://api.redux.portneuf.cose.isu.edu/swagger/index.html", + }, +]; + +const theme = createTheme({ + palette: { + mode: "light", + primary: { main: "#3F3F46" }, + secondary: { main: "#F47C20" }, + background: { + default: "#F9FAFB", + paper: "#FFFFFF", + }, + text: { + primary: "#111827", + secondary: "#4B5563", + }, + }, + typography: { + fontFamily: + 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', + }, +}); + +const sectionCardStyle = { + background: "#FFFFFF", + borderRadius: "16px", + border: "1px solid #E5E7EB", + padding: { xs: 3, md: 4 }, + boxShadow: "0 8px 24px rgba(0,0,0,0.04)", + transition: "all 0.25s ease", + "&:hover": { + borderColor: "#8b5cf6", + boxShadow: "0 12px 30px rgba(0,0,0,0.07)", + }, +}; + +const innerCard = { + background: "#F9FAFB", + border: "1px solid #E5E7EB", + borderRadius: "10px", + px: 1.2, + py: 1, + transition: "all 0.2s ease", + "&:hover": { + borderColor: "#8b5cf6", + background: "#FFFFFF", + }, +}; + +function SectionTitle({ children }) { + return ( + + {children} + + ); +} + +export default function ContributePage() { + return ( + + + + + + + + + + CONTRIBUTE TO REDUX + + + Redux depends on contributors like you. + + + + Our goal from the beginning has not been to build a knowledge + base ourselves but to build a framework for crowd-sourced + contribution across the world, think Wikipedia. We hope to see + contributors add everything from new problems, algorithms, + reductions, visualizations, features, bug fixes, and beyond. Our + goal is to make the framework easy to understand and even easier + to extend. Below are tutorials and helpful information to get + you started. + + + + Any contribution to Redux requires: + + + + {contributionSteps.map((step) => ( + + + • {step} + + + ))} + + + + + TUTORIAL VIDEOS + + + Here are tutorial videos for each of these steps: + + + +