aman-atg / Job-Listing-Demo-Site

A Responsive Job Listing Site with Drag & Drop and little Animation. (React + SCSS)

Job Listing Site (Demo)

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

Give a star ⭐ if you like it ❤️

🔗 Live Demo • 🐛 Report Bug • ✨Request Feature

Table of Contents 📋

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

About The Project 👀

This is my Solution for Frontend Mentors' Challenge.

Built With 🔨

• 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

Getting Started 🚀

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

Prerequisites 💻

• Node (Download here!)

Installation ⬇️

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.

Running

1. Install NPM packages ⬇️

npm install

2. Run! 🏃‍♂️

npm start

Usage 🎯

• 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.

Contributing 🤝

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

License 📝

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

Authors 📕

• Aman Ansari

Acknowledgements 🏁

• UXwing

• Frontend Mentors

• Challenge Link

• My Solution