daveanthonyc/canva-job-page

Clone of Canva's job page

Canva Job Page Clone

Design Doc - https://docs.google.com/document/d/1OQOigG9JuG1ECfpBAcUyml3FR6SV6dGuRfrt65rOqB8/edit?usp=sharing

Project Description

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.

Further developments

This project is not complete as I intend to add unit testing, drop down navigation menus and also fully working job saving functionality

How to install

You can run the commands below:
git clone https://github.com/daveanthonyc/canvajobpage.git
cd project-name
npm install

Usage

npm run dev

Credits

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/

License

GPL license