/hr-buddy

A full stack employee management web application for businesses that want to automate repetitive administrative functions.

Primary LanguageJavaScript

HR BUDDY

A full stack React.js employee management web application for businesses that want to automate repetitive administrative functions.

Technologies Used

  • React.js
  • Node
  • Express
  • PostgreSQL
  • Multer
  • HTML5
  • CSS3
  • PM2
  • AWS S3

Live Demo

Try the application live at https://hr-buddy.milamirian.com/

Features

( ⬅️ - Features I personally worked on)

  • User can login to ADMIN or EMPLOYEE interface
  • ADMIN can view main menu to navigate the app ( ⬅️ - UI components)
  • ADMIN can add new employee or admin account with a photo ( ⬅️ - Front End)
  • ADMIN can view individual employee accounts ( ⬅️ - Front End)
  • ADMIN can delete individual employee accounts ( ⬅️ - Front End - state change for confirmation)
  • ADMIN can view department head-counts within each department ( ⬅️ UI components)
  • ADMIN can view total hours worked wages earned for all employees ( ⬅️ - Front End)
  • ADMIN can view hours worked and wages earned for each department ( ⬅️ - Front End)
  • ADMIN can view hours worked and wages earned for each employee ( ⬅️ - Front End)
  • EMPLOYEE can clock-in ( ⬅️ - UI components)
  • EMPLOYEE can clock-out ( ⬅️ - UI components)
  • User can log-out of the app ⬅️

Preview

Screen Shot 2020-10-13 at 3 51 46 PM Screen Shot 2020-11-16 at 11 18 17 AM Screen Shot 2020-11-16 at 11 18 44 AM Screen Shot 2020-11-16 at 11 19 02 AM Screen Shot 2020-11-16 at 11 19 53 AM Screen Shot 2020-11-16 at 11 20 33 AM

Development

System Requirements

  • npm 6 or higher
  • Postgresql 10 or higher

Getting Started

  1. This application requires the use of AWS S3,

    Please have an AWS Access ID, Access Key, and a Bucket name.

  2. Clone the repository.

    https://github.com/mil-amirian/hr-buddy.git
cd hr-buddy

  3. Install all dependencies with NPM.

    npm install

  4. Create environment variables.

    1. Clone the env.example.config file
    2. Name the cloned file to .env
    3. Edit the .env to provide your credentials

  5. Import the example database to PostgreSQL located in database/dump.sql.

  6. Run the custom express server.

    npm run dev

  7. Once started you can view the application by opening http://localhost:3000 in your browser.

Links & socials

Portfolio: https://andrewkpark.com

LinkedIn: https://www.linkedin.com/in/andrew-kyungwon-park