IMPHNEN Frontend Service

This repository is a monorepo for all frontend services of IMPHNEN. The monorepo includes three main applications:

1. Gacha - Application for Gacha Website.
2. Backoffice - Application for Internal Management Website.
3. Dimentorin - Application for Mentoring Service.
4. Landing Page - Application for Landing Page.

How to install

1. Clone this repository:

   git clone https://github.com/IMPHNEN/imphnen-frontend-service.git
   cd imphnen-frontend-service

2. 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

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

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

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

1. Fork the repository and clone it locally.
2. Create a new branch for a new feature or fix:

   git checkout -b feat/feature-name

3. Make changes, commit, and push to your forked repository.
4. Create a pull request to this repository develop branch.

If you encounter any issues or problems, feel free to create a new Issue.