Skip to content

ahmad01ali/Weekday

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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. Netlify-Screenshot
  4. Then write your project name and select it. Netlify-Screenshot
  5. After selecting here you can see that the project Review configuration for Weekday and then select the Deploy Weekday Button. Netlify-Screenshot Netlify-Screenshot
  6. Now the project is Live. Netlify-Screenshot

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

  2. Tools 🔧


Author 👩🏻‍💻

Mastoora Turkmen
LinkedIn
Github
Twitter

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 82.5%
  • CSS 14.3%
  • HTML 3.2%