Head-Hunter-Frontend

The idea of making this web app was learning collaborating in group by creating app helping HRs finding IT employees.

Live

Live: https://head-hunter.airm.ct8.pl

Head-Hunter-Frontend Backend Resources

Github: https://github.com/bialka104b/Head-Hunter-Backend

Figma Project

Figma: https://www.figma.com/file/C9J05FuIA7w6nRv65UU43O/Head-Hunter-Layout-(Copy)?node-id=732%3A4182

Tech Stack

Additional Main Packages

@tippyjs/react https://www.npmjs.com/package/@tippyjs/react

gsap https://www.npmjs.com/package/gsap

react-headless-pagination https://www.npmjs.com/package/react-headless-pagination

box-icons https://boxicons.com/

react-custom-scrollbars-2 https://www.npmjs.com/package/react-custom-scrollbars-2

react-select https://www.npmjs.com/package/react-select

formik https://www.npmjs.com/package/formik

yup https://www.npmjs.com/package/yup

react-modal https://www.npmjs.com/package/react-modal

react-spinners https://www.npmjs.com/package/react-spinners

react-switch https://www.npmjs.com/package/react-switch

Features

In progress...

Login page with frontend and backend validation messages:

Lost password page with frontend and backend validation messages:

Register page with frontend and backend validation messages:

Light mode version:

Admin settings with uploading students using csv file:

CV page:

Student settings with frontend and backend validation messages:

HR pages:

Animated menu and navigation tabs:

Filtering and sorting modals with own state prefferences for each view:

Project Structure

In progress...

Install Packages

npm install

Configure Project

In progress...

Run Project

Development mode:

npm start

Build Production app:

npm run build

Authors

In progress...