Files
Dwinzo_Demo/app
Nalvazhuthi a9df8d98bb Add new alignment icons and enhance dropdown components
- Introduced new alignment icons: AlignRightIcon, AlignJustifyIcon, AlignLeftIcon, FlexRowIcon, FlexColumnIcon, FlexRowReverseIcon, and FlexColumnReverseIcon.
- Updated MainScene to ensure loading progress is displayed correctly.
- Enhanced DataDetailedDropdown to include click outside functionality for closing the dropdown and improved eye dropper icon interaction.
- Created a new DataSourceSelector component for selecting data sources with an optional eye dropper feature.
- Cleaned up InputWithDropDown component by removing unnecessary whitespace.
- Improved styles in _simulationDashBoard.scss for better layout and responsiveness, including new design sections and alignment options.
2025-12-16 18:01:17 +05:30
..

Getting Started

Follow these steps to set up and run the project locally.

Prerequisites

Ensure you have the following installed on your system:

Installation

  1. Clone the repository:

    git clone https://github.com/S0Vishnu/react-production-project-boilerplate.git
    cd react-production-project-boilerplate
    
  2. Cloning repository with User Credentials:

    git clone https://your_username:password@github.com/S0Vishnu/react-production-project-boilerplate.git
    cd react-production-project-boilerplate
    

    note: if password contains special charecters use:

    • @ → %40
    • : → %3A
    • / → %2F
    • ? → %3F
    • & → %26
    • = → %3D
    • ! → %21
  3. Install the dependencies:

    npm install
    
  4. Start server:

    npm start
    
  5. Build the app for production:

    npm run build
    
  6. Tests

    This project includes both unit tests using Jest and end-to-end (E2E) tests using Cypress. Heres how you can run and manage these tests.

    Unit Tests (Jest) Unit tests are located in the src/tests/unit/ directory. They test individual components and functions to ensure they work as expected. Jest is used for running these tests.

    Running Unit Tests To run the unit tests, use the following command:

    npm run test
    

    End-to-End (E2E) Tests (Cypress) Cypress can be run in two modes

    1. Interactive Mode:

      npm run cypress:open
      
    2. Headless Mode:

      npm run cypress:run
      

Run Documentation(Docsify)

  1. Installation (if needed):

    npm i docsify-cli -g
    
  2. Run Command:

    docsify serve docs