ahmad01ali/Weekday

Frontend Interview Assignment

Weekday: Frontend Interview Assignment

In this project, I used ReactJS, CSS, and also Responsive Design which works for different screen sizes.

Live Link

Run The App Locally

npm

npm install && npm start

pnpm

pnpm install && pnpm start

yarn

yarn install && yarn start

For build and Deployment for create-react-app

npm run build

Add this to package.json for deployment

"build": "CI= react-scripts build",

Deployment 📥

1. How do we deploy our project to the Netlify site?
2. I use Netlify App for deploying my projects.
3. From there select Deploy with Github.
4. Then write your project name and select it.
5. After selecting here you can see that the project Review configuration for Weekday and then select the Deploy Weekday Button.
6. Now the project is Live.

---

React Select: For multi-select

npm install react-select

Filters

I hardcoded the filters into data.js for the jobs listing based on:

• Min experience
• Company name
• Location
• Remote/on-site
• Tech stack
• Role
• Min base pay

Note

Number of Employees wasn't in the API, so I didn't filter that.

---

Cloning the project 🪛

# Clone this repository
$ git clone https://github.com/MastooraTurkmen/Weekday.git

# Go inside the repository
$ cd Weekday

---

Languages and Tools are used 🛠

1. Languages && Technology Stack

   • HTML5
   • CSS3
   • JavaScript
   • ReactJs
   • API

2. Tools 🔧

   • Chrome
   • Figma
   • VSCode
   • Netlify
   • GitHub
   • Npm

---

Author 👩🏻‍💻

Mastoora Turkmen
LinkedIn
Github
Twitter