An open API service indexing awesome lists of open source software.

https://github.com/santosh-konappanavar/resizableapp

The above app allows users to resize container components dynamically, with adjacent containers adjusting their dimensions accordingly in response to resizing operations
https://github.com/santosh-konappanavar/resizableapp

css git reactjs

Last synced: 3 months ago
JSON representation

The above app allows users to resize container components dynamically, with adjacent containers adjusting their dimensions accordingly in response to resizing operations

Awesome Lists containing this project

README

          




ResizableApp 🛠️



Built with React, The above app allows users to resize container components dynamically, with adjacent containers adjusting their dimensions accordingly in response to resizing operations.

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [:notebook: API Documentation](#api-docs)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

**Resizable App**

## 🛠 Built With

This app is built with Rearct.js and CSS

### Tech Stack

  • React.js
  • ## 🚀 Live Demo

    - [Live Demo](https://resizableapp.netlify.app/)

    (back to top)

    ## 💻 Getting Started

    ## To get a local copy up and running, follow these steps.

    ### Prerequisites

    In order to run this project you need:

    - Mac or PC
    - Install react.js
    - Install npm

    ### Setup

    - Clone this repository to your desired folder:

    ```sh
    git clone https://github.com/Santosh-Konappanavar/resizableapp.git
    ```

    - Navigate into the cloned folder

    ```sh

    cd resizableapp

    npm init -y

    ```

    ### Install

    Install this project with the following:

    - Start the server

    ```sh

    npm start

    http://localhost:3000
    ```

    ### Usage

    Kindly modify the files as needed.

    In the project directory, you can run:

    ```
    $ npm start
    ```

    Runs the app in the development mode.\
    Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

    The page will reload when you make changes.

    You may also see any lint errors in the console.

    (back to top)

    ## 👥 Authors

    👤 **Santosh Konappanavar**

    - GitHub: [@Santosh-Konappanavar](https://github.com/Santosh-Konappanavar/Portfolio-mobile-setup)
    - LinkedIn: [@Santosh Konappanavar](https://www.linkedin.com/in/santosh-konappanavar/)

    (back to top)

    ## 🤝 Contributing

    Contributions, issues, and feature requests are welcome!

    Feel free to check the [issues page](https://github.com/Santosh-Konappanavar/resizableapp/issues).

    (back to top)

    ## ⭐️ Show your support

    If you like this project, please give a ⭐️

    (back to top)

    ## 📝 License

    This project is [MIT](https://github.com/Santosh-Konappanavar/resizableapp/blob/main/LICENSE) licensed.

    (back to top)