Skip to content

✨ feat: Replace existing app with new Visa Sponsorship Job Board#14

Open
opensourcevk wants to merge 2 commits intomainfrom
feat/jaabz-job-board-clone-198792808988537102
Open

✨ feat: Replace existing app with new Visa Sponsorship Job Board#14
opensourcevk wants to merge 2 commits intomainfrom
feat/jaabz-job-board-clone-198792808988537102

Conversation

@opensourcevk
Copy link
Copy Markdown
Owner

This Pull Request completely removes the old "Cognitive Decay Diagnostic" React application and replaces it with a brand new "Visa Sponsorship Job Board", structurally inspired by jaabz.com.

Changes Included:

  • Complete teardown of previous src/ logic and test logic.
  • A new Material UI application leveraging @mui/material and @mui/icons-material.
  • Added a responsive, professional Navbar component.
  • Added a Hero section to quickly search and filter jobs.
  • Added a JobList mapping over placeholder job objects (mockData.js) that displays job tags, locations, company names, and posting times.
  • Ensured all the vitest unit tests and Vite production builds still pass successfully under pnpm.

PR created automatically by Jules for task 198792808988537102 started by @opensourcevk

- Deleted existing application files (`src/Questions.js`, `src/researchBasis.js`, `src/test/`)
- Updated `index.html` title to "Tech Jobs with Visa Sponsorship"
- Created mock job data in `src/mockData.js`
- Built responsive Material UI components: `Navbar`, `Hero`, `JobList`
- Overwrote `App.jsx` to render the new application components and a custom MUI theme
- Updated `App.test.jsx` to test the new UI and fixed missing Jest DOM setup for Vitest

Co-authored-by: opensourcevk <163758748+opensourcevk@users.noreply.github.com>
@google-labs-jules
Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

- Created `src/api/linkedin.js` to handle asynchronous `fetch` calls to a designated backend endpoint (`/api/jobs/linkedin`).
- Implemented fallback logic to gracefully load `src/mockData.js` when the backend is unavailable or the API call fails, preventing an empty UI.
- Updated `src/JobList.jsx` to manage loading states (`<CircularProgress />`) and populate the UI using React hooks instead of static imports.
- Re-configured Vitest settings to mock the `fetch` API and wrapped React testing library tests in `act(...)` to handle async state updates properly.

Co-authored-by: opensourcevk <163758748+opensourcevk@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant