Job-Listing-Demo-Site

Job-Listing-Demo-Site copied to clipboard

Job Listing Site (Demo)

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

Give a star ⭐ if you like it ❤️

:link: Live Demo • :bug: Report Bug • :sparkles:Request Feature

Table of Contents 📋

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

About The Project :eyes:

This is my Solution for Frontend Mentors' Challenge.

Built With :hammer:

• 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 :arrow_down:

1. Fork this repository :fork_and_knife:

2. Clone your forked repository to your local system :busts_in_silhouette:

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

Or Download and extract the zip file.

Running

1. Install NPM packages :arrow_down:

npm install

2. Run! :running_man:

npm start

Usage :dart:

• 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 :closed_book:

• Aman Ansari

Acknowledgements :checkered_flag:

• UXwing

• Frontend Mentors

• Challenge Link

• My Solution