maulanasdqnandClaude Opus 4.6
3f4461c65c
- Upgrade Nx 22.1.1 → 22.6.3 and all patch/minor dependencies - Restructure shared libs: move business logic from utils to service - Consolidate shadcn-ui into ui lib with atomic design pattern - Fix container centering for landing app (Tailwind v4 compatibility) - Fix button styling by updating @source directive in globals.css - Fix SiCss3 → SiCss rename in react-icons 5.6 - Fix duplicate useSession export conflict - Remove dead code, comments, and unused files Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
IMPHNEN Frontend Service
This repository is a monorepo for all frontend services of IMPHNEN. The monorepo includes three main applications:
- Gacha - Application for Gacha Website.
- Backoffice - Application for Internal Management Website.
- Dimentorin - Application for Mentoring Service.
- Landing Page - Application for Landing Page.
- QR Campaign - Application for QR Campaign Management.
How to install
- Clone this repository:
git clone https://github.com/IMPHNEN/imphnen-frontend-service.git cd imphnen-frontend-service - Install all dependencies:
npm install
How to run
Setup Environment Variables
Before running the applications, you need to set up the environment variables. You can do this by copying the .env.example file to .env and modifying the values according to your needs.
cd apps/{appname}
cp .env.example .env
Development
Use the following commands to run in development mode:
- Gacha:
npm run gacha:dev - Backoffice:
npm run backoffice:dev - Dimentorin:
npm run dimentorin:dev - Landing Page:
npm run landing:dev - QR Campaign:
npm run qrcampaign:dev
Build
Use the following commands to build the applications:
- Gacha:
npm run gacha:build - Backoffice:
npm run backoffice:build - Dimentorin:
npm run dimentorin:build - Landing Page:
npm run landing:build - QR Campaign:
npm run qrcampaign:build
Production
Use the following commands to run the applications in production mode:
- Gacha:
npm run gacha:prod - Backoffice:
npm run backoffice:prod - Dimentorin:
npm run dimentorin:prod - Landing Page:
npm run landing:prod - QR Campaign:
npm run qrcampaign:prod
Storybook
This repository uses Storybook to develop, test, and document UI components in an isolated and interactive environment. Below are the commands to work with Storybook:
-
Run Storybook
This command starts Storybook in development mode, allowing you to view and test UI components interactively.
npm run ui:storybook -
Run Unit Test
This command runs unit tests for the UI components to ensure they function as expected.
npm run ui:test -
Build Components
This command generates a static build of Storybook, which can be deployed for sharing and documentation purposes.
npm run ui:build
How to contribute
- Fork the repository and clone it locally.
- Create a new branch for a new feature or fix:
git checkout -b feat/feature-name - Make changes, commit, and push to your forked repository.
- Create a pull request to this repository
developbranch.
If you encounter any issues or problems, feel free to create a new Issue.