https://github.com/kanai2003/led-grid-view

LED pattern Grid view with React.js, Next.js
https://github.com/kanai2003/led-grid-view

Last synced: about 1 month ago
JSON representation

LED pattern Grid view with React.js, Next.js

• Host: GitHub
• URL: https://github.com/kanai2003/led-grid-view
• Owner: Kanai2003
• License: mit
• Created: 2024-11-12T13:32:42.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-11-12T14:11:21.000Z (about 1 month ago)
• Last Synced: 2024-11-12T14:47:29.871Z (about 1 month ago)
• Language: TypeScript
• Homepage: https://leg-grid-view.vercel.app
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: license

Awesome Lists containing this project

README

        
# LED Pattern Grid Viewer

This project is a web application built with Next.js, TypeScript, and Material-UI (MUI) that allows users to create LED patterns on a 15x20 grid screen. Users can enter text, select a color, and visualize how their text appears as an LED grid pattern. The app provides a customizable and interactive experience.

## Features

- Text Input: Users can enter any text they want to visualize.

- Color Selection: Choose a color for the LED display.

- 15x20 Grid Display: Displays the entered text in a 15x20 LED-like grid view.

- Responsive Design: Compatible with various screen sizes.

- Real-Time Preview: Instantly updates the grid with the user’s inputs.

## Installation

To set up the project locally, follow these steps:

Clone the repository:

```bash 

git clone https://github.com/Kanai2003/LEG-Grid-view

cd LEG-Grid-view

```

Install dependencies: Make sure you have Node.js and npm installed, then run:

```bash

npm install

```

Run the development server:

```bash

npm run dev

```

Open your browser: Navigate to `http://localhost:3000` to access the app.

## Technologies Used

- Next.js: For server-rendered React applications.

- TypeScript: Enhances JavaScript with static types.

- Material-UI (MUI): Provides a set of React components for creating responsive and consistent user interfaces.

## License

This project is licensed under the `MIT License`.