Skip to content

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

License

Notifications You must be signed in to change notification settings

aman-atg/Job-Listing-Demo-Site

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 🏁