Dwinzo_dev/app
Nalvazhuthi 95f118f8ee Refactor and enhance various components and utilities
- Updated floorItemsGroup to send unique floor items to the GLTF loader.
- Modified Card component to dynamically set button ID based on AssetID.
- Enhanced FilterSearch component to assign unique IDs to star buttons.
- Refactored camMode to utilize a new firstPersonCamera utility for cleaner code.
- Introduced firstPersonCamera utility for handling camera mode transitions.
- Improved Templates component to use nullish coalescing for email retrieval.
- Cleaned up AddButtons component by removing commented-out code and optimizing email retrieval.
- Updated Panel component to generate unique IDs for panel wrappers.
- Simplified Project component by removing unused setIsPlaying function.
- Removed hardcoded backend URL in panel service.
- Created useAssetStore for managing asset state and CRUD operations.
- Added camera mode state management to usePlayButtonStore.
- Enhanced footer styles for better layout and responsiveness.
- Improved simulation styles for better control visibility and responsiveness.
- Refactored tools styles for cleaner transitions and hover effects.
- Updated realTimeViz styles for better layout and responsiveness.
- Introduced builderTypes for better type safety in asset management.
- Enhanced shortcut key handling to include camera mode toggling.
2025-05-15 18:19:20 +05:30
..
.github
.husky
docs
public
scripts
src Refactor and enhance various components and utilities 2025-05-15 18:19:20 +05:30
.env
.gitignore
Dockerfile
README.md
nginx.conf
package-lock.json
package.json
tsconfig.json

README.md

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