- NexERP is an Enterprise Resource Planning (ERP) solution targeted at Small and Medium-sized Enterprises (SMEs), providing integrated resource management and data analytics.
default.mp4
- The first step with NexERP! 🚀 Register a new company and log in with the generated administrator account.
default.mp4
- Enter basic info like name and ID, then select the company, department, and position to complete the sign-up request.
default.mp4
- A new team member has requested to join 📩. The administrator checks the request list on the management page and selects Approve or Reject.
default.mp4
- The admin enters project information and assigns personnel responsible for receiving and shipping.
-.Clipchamp.mp4
- Receiving managers use the "My Tasks" toggle to easily check assigned duties.
- Enter task details (name and description), add new inventory or select existing stock, input the target receiving quantity, and send an approval request.
-.Clipchamp.mp4
- Shipping managers also use the toggle to view their tasks.
- Enter task name, description, transportation method, and carrier.
- Click Add Inventory to register required stock, enter the target shipping quantity, and send an approval request to finish.
-.Clipchamp.mp4
- Admins review approval requests sent by managers and finalize the process with a single click. Boost efficiency with a fast and simple approval process.
-.Clipchamp.mp4
- Select the item to receive, enter the quantity, and click the 'Process Receiving' button.
- The task is complete once the current receiving quantity matches the target quantity.
-.Clipchamp.mp4
- Select the item to ship, enter the quantity, and click the 'Process Shipping' button.
- Shipping is finalized when the current shipping quantity meets the target quantity.
-.Clipchamp.mp4
- iew all completed projects at a glance from the admin home and project lists.
- Use filters to easily search by status: In Progress, Not Started, or Completed.
-.Clipchamp.mp4
- Select items from the list to update target inventory and safety stock levels.
Follow these steps to run the project in your local environment.
// 1. Clone Repository
git clone https://github.com/TAVE-9RP/NexERP_FE.git
cd NexERP_FE
// 2. Install Dependencies
npm install
// 3. Run Local Server
npm run dev
- Framework: React
- Language: TypeScript
- Styling: Tailwind CSS
- State Management: TanStack Query (React Query)
- HTTP Client: Axios
- Data Visualization: Recharts, Ant Design Charts
- Build Tool: Vite
- Package Manager: npm
NexERP provides three primary modules for efficient enterprise operations.
- Employee Approval: Owner reviews and approves new employee registrations.
- Access Control: Owner-centric user access control and organizational management.
- Receiving Management: Register quantities and detailed item info for new stock.
- Real-time Inventory Status: View current assets at a glance and adjust stock levels efficiently.
- Shipping Workflow: Manage shipment status based on orders and requests.
- Logistics Tracking: Efficiently manage the flow of goods from receiving to shipping.
- Completion Rate & Lead Time: Monitor progress and efficiency based on accumulated data from previous months.
- Safety Stock Rate: Check stock levels to prevent out-of-stock scenarios.
- Inventory Turnover & Forecast: Predict future inventory needs based on daily accumulated data.
src
┣ 📂apis
┣ 📂components
┃ ┣ 📂common
┃ ┣ 📂dashboard
┃ ┣ 📂modals
┃ ┗ 📂signup
┣ 📂pages
┃ ┣ 📂inventory-service
┃ ┣ 📂logistics-service
┃ ┣ 📂management-service
┃ ┗ 📂login & 📂signup
┣ 📂types
┣ 📂utils
┣ 📂styles
┣ 📜App.tsx
┗ 📜main.tsx
| Name | Role |
|---|---|
| Park Haeun | FE |
| Chaeyeon Kwak | FE, BE |