marcellandreas / Inventory_IT

Merupakan Project Magang saya di bantex indonesia

⚡ INVENTORY MANAGEMENT DIVISION IT - BANTEX INDONESIA ⚡

Just finished a slick IT project – a user-friendly storage system with roles for admins, users, and managers. Users can request items through the site, going through admin and manager approvals. All requests are handled smoothly, letting us track where items are and which department is using them. The system also gives a quick look at inventory, user logins, and PC details. It's all about making IT asset management a breeze!.

📝 Fitur

• Register user for employees
• Login Authentication
• item submission / request
• Email Delivery to User, Admin, and Manager
• QR Code for Items
• Management of Stocks, Item, Master PC, User

🎮 Instalations

The best way to start with this template is using Vite Plugins.

# yarn
yarn create vite [inventory_it] --template react
# npm
npm create vite@latest [inventory_it] -- --template react

Clone Project Inventory Management IT

git clone https://github.com/marcellandreas/Inventory_IT.git

installation node modules

npm install or yarn install

Access the project folder.

cd inventory-it

Start the project locally Front end

# Enter the Front end folder
cd fe-intentory-it-bantex

# start project
yarn dev or npm run dev

Start the project locally Back end.

# Enter the Front end folder
cd be-intentory-it-bantex

# start project
yarn dev or npm run dev

Running Front End Open http://localhost:5173 with your browser to see the result.

Running Back End Open http://localhost:3000 with your browser to see the result.

🚀 Technologies FE

• Vite
• React
• Node JS
• Tailwind CSS
• Jest

Frontend Dependencies

• React - A JavaScript library for building user interfaces.
• React DOM - Entry point for working with the DOM in React applications.
• React Router DOM - Declarative routing for React.js.
• Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development.
• React Redux - Official React bindings for Redux.
• Axios - Promise-based HTTP client for the browser and Node.js.
• React Chartjs 2 - A React wrapper for Chart.js 2.
• React Select - A flexible and extensible Select Input control for React.js.
• React Icons - Icon library for React.
• React CSV - React component to create .csv files.
• React Barcode - React component to generate barcodes.
• Qrcode.react - QR Code generator for React.
• React Lazy Load Image Component - Lazy load images with ease.
• React to Print - A component for printing React components.
• React Toastify - A React notification library.

🚀 Technologies BE

• Express JS
• Node JS
• MYSql

Backend Dependencies

• @hapi/joi - Object schema validation.
• bcrypt - Password hashing library.
• body-parser - Middleware to parse incoming request bodies.
• cors - Middleware for enabling Cross-Origin Resource Sharing (CORS).
• dotenv - Zero-dependency module to load environment variables.
• helmet - Security middleware for setting HTTP headers.
• jimp - Image processing library.
• jsonwebtoken - JSON Web Token (JWT) implementation.
• mysql2 - MySQL database driver.
• nodemailer - Module for sending emails.