💬 Chat Window

This is a simple SPA that displays a chat window. The user can send the message. The app simulates someone else's messages every 8 seconds.

Demo

Here you can see the app: https://chat-window-by-natallia.netlify.app/

Features

• send messages (by typing Enter and by clicking Send button);
• add emoji to message;
• delete message;
• copy message text to clipboard;
• react on messages (❤️, 👍, 👎);
• simulation of someone else's typing;
• scroll to bottom;
• responsive design (mobile-first approach);
• animations;
• sounds;
• error handling;

Built With

• Typescript - a strongly typed programming language that builds on JavaScript.
• React - a JavaScript library for building user interfaces.
• Framer Motion - animation library.
• SASS - a CSS pre-processor.

Screenshots

Getting Started

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/nata-kostina/chat-window.git

# Install dependencies
$ npm install
  
# Run the app
$ npm run start

# Build the app
$ npm run build

The app will be run at http://localhost:3000/

Contacts

• Email: natakostina123@gmail.com
• LinkedIn: https://www.linkedin.com/in/nata-kostsina/
• Telegram: @kostinata