Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/katerinutkina/chat-simulator
React + TypeScript + Vite + Tailwind
https://github.com/katerinutkina/chat-simulator
react tailwind typescript vite
Last synced: 11 days ago
JSON representation
React + TypeScript + Vite + Tailwind
- Host: GitHub
- URL: https://github.com/katerinutkina/chat-simulator
- Owner: KaterinUtkina
- Created: 2024-06-26T18:31:06.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-08-11T11:20:52.000Z (3 months ago)
- Last Synced: 2024-08-11T12:34:00.362Z (3 months ago)
- Topics: react, tailwind, typescript, vite
- Language: TypeScript
- Homepage: https://katerinutkina.github.io/chat-simulator/
- Size: 1020 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat Simulator
Chat Simulator is a React-based application that simulates chat interactions, including simulating errors while sending messages and the ability to resend them.
## Table of Contents
- [Features](#features)
- [Live Demo](#live-demo)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
## Features
- Interactive chat simulation
- Smooth scrolling using `overlayscrollbars-react`
- Built with modern web technologies: React, TypeScript, Tailwind and Vite
## Live Demo
Check out the live demo of the Chat Simulator: [Chat Simulator Live Demo](https://katerinutkina.github.io/chat-simulator/)
## Getting Started
### Prerequisites
Ensure you have the following installed on your local machine:
- [Node.js](https://nodejs.org/) (version 20 or higher)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/KaterinUtkina/chat-simulator.git
cd chat-simulator
2. Install the dependencies:
Using npm:
```bash
npm install
```
Using yarn:
```bash
yarn install
```
### Usage
To start the development server, run:
Using npm:
```bash
npm run dev
```
Using yarn:
```bash
yarn dev
```
Open your browser and navigate to http://localhost:3000 to see the application running locally.