https://github.com/mirsahib/tuliptech-grid

https://github.com/mirsahib/tuliptech-grid

Last synced: 7 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mirsahib/tuliptech-grid
• Owner: mirsahib
• Created: 2024-02-09T13:17:44.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-02-09T13:43:32.000Z (over 1 year ago)
• Last Synced: 2025-01-25T11:43:19.401Z (9 months ago)
• Language: TypeScript
• Size: 6.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tulip-Grid Expo App

## Description

Color Grid App is a React Native application that allows users to generate a grid of colored rectangles within a larger rectangle. Users can specify the dimensions of each cell in the grid and view the grid within the main rectangle. Additionally, users can select individual colors from the grid, copy them to the clipboard, and view a message confirming the copy action.

## Features

-   Generate a grid of colored rectangles within a larger rectangle.

-   Specify the dimensions of each cell in the grid.

-   View a message when a color is copied to the clipboard.

-   Interactive interface with touch functionality for selecting colors.

## Screenshot

![Demo](https://github.com/mirsahib/tuliptech-grid/blob/master/screenshot/screenshot.gif)

## Video

https://youtu.be/BiqIscLv5R4

## Installation

### Prerequisites

-   [Node.js](https://nodejs.org/) and npm installed

-   [Expo CLI](https://docs.expo.dev/get-started/installation/) installed

### Clone Repository

```bash

git clone https://github.com/mirsahib/tuliptech-grid.git

cd tuliptech-grid

npm run install

npm run start

```

## Technologies Used

-   React Native

-   TypeScript

-   Clipboard API