Design Doc - https://docs.google.com/document/d/1OQOigG9JuG1ECfpBAcUyml3FR6SV6dGuRfrt65rOqB8/edit?usp=sharing
This is a web app that mimics the design and functionality of the job listing page from the Canva website (found here -> https://www.lifeatcanva.com/en/jobs/). It allows the user to search for job listings and filter them by drop down category filters, or key word search and allows users to save jobs and view them in a separate page as well. This project was created with Vite, React, TypeScript and MobX and was done so with the intention of learning the technologies that Canva uses with the addition of the MVP architecture which Canva supposedly uses as well.
This project is not complete as I intend to add unit testing, drop down navigation menus and also fully working job saving functionality
You can run the commands below:
git clone https://github.com/daveanthonyc/canvajobpage.git
cd project-name
npm install
npm run dev
I have made this project independantly, however here are useful resources that may help you to build a similar project
For learning React development, props and state -> https://react.dev/learn/thinking-in-react
For learning MobX -> https://www.youtube.com/watch?v=nGZCL6Wd_zQ&list=LL&index=21&ab_channel=JackHerrington
How to implement MVP pattern in React Native -> https://kxie0124.medium.com/design-react-native-app-with-mvp-model-view-presenter-architecture-d451d35d6cac
Specific queries were also made to chatGPT -> https://chat.openai.com/
GPL license