aman-atg / job-listing-demo-site Goto Github PK

Interactive Site with a list of jobs which can be easily filtered

🔗 Live Demo • 🐛 Report Bug • ✨Request Feature

• About the Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Contributing
• License
• Authors
• Acknowledgements

This is my Solution for Frontend Mentors' Challenge.

• React - A JS library for building user interfaces
• SCSS - CSS with superpowers
• React-Beautiful-Dnd - Beautiful and accessible drag and drop for lists with React
• Node-sass - Node.js bindings to libsass
• Classnames - A simple JavaScript utility for conditionally joining classNames together

To get a local copy up and running follow these simple example steps.

• Node (Download here!)

1. Fork this repository 🍴

2. Clone your forked repository to your local system 👥

git clone https://github.com/<your-username>/react-product-card.git

Or Download and extract the zip file.

1. Install NPM packages ⬇️

npm install

2. Run! 🏃‍♂️

npm start

• Explore this Project to see how easily you can implement Drag and Drop Feature with React-Beautiful-Dnd for your next project.
• Handle Stylesheets using ITCSS Architecture.

Any contributions you make are greatly appreciated.

1. Create your Branch (git checkout -b master/test-branch)
2. Commit your Changes (git commit -m 'Add some code')
3. Push to the Branch (git push origin master/test-branch)
4. Open a Pull Request

Distributed under the MIT License. See LICENSE for more information.

• Aman Ansari

• UXwing

• Frontend Mentors

• Challenge Link

• My Solution