/Job-Listing-Demo-Site

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

Primary LanguageCSSMIT LicenseMIT

Forks Stargazers Issues Codacy Badge Maintained MIT License


Logo

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 👀

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 💻

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 📕

Acknowledgements 🏁