Files
Dwinzo_Demo/app
Vishnu dac81894c0 Refactor Dashboard components and styles; update icon colors
- Updated icon stroke and fill colors from `var(--text-button-color)` to `var(--text-color)` for consistency.
- Refactored `Dashboard` component to utilize a new `DashboardMain` component for better structure.
- Enhanced `DashboardMain` to manage project data fetching and rendering based on active folder and subfolder.
- Implemented socket handling for project actions (add, delete, update, duplicate) in `ProjectSocketRes`.
- Improved styles in `_dashboard.scss` for buttons and project cards, including hover effects and layout adjustments.
2025-09-03 16:42:40 +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