React Message

This repository contains a message application created with Vite, React, and TypeScript. This project serves as a training example and does not include a backend.

---

Features

• Message Application:
  • Simple messaging interface.
  • Responsive design using Tailwind CSS.
• React Router:
  • Navigation between different pages or views.
• Heroicons Integration:
  • Leverage beautiful icons for UI elements.
• Material Tailwind Components:
  • Enhance the design with pre-built React components.

---

Requirements

• Node.js (v16 or higher)
• npm or yarn

---

Getting Started

Clone the Repository

git clone https://github.com/Jszigeti/react-message.git
cd react-message

Install Dependencies

npm install

Run the Application

Development Mode

npm run dev

Production Mode

npm run build
npm run preview

---

Scripts

Key Commands

Script	Description
npm run dev	Start the development server
npm run build	Build the application for production
npm run preview	Preview the production build
npm run lint	Run linting with ESLint

---

Project Structure

react-message/
├── public/              # Static assets
├── src/
│   ├── components/      # Reusable components
│   ├── context/         # Application context
│   ├── data/            # Data folder
│   ├── pages/           # Application pages
│   ├── types/           # Types
│   ├── App.tsx          # Main application file
│   └── main.tsx         # Entry point
├── .eslintrc.json       # ESLint configuration
├── tailwind.config.js   # Tailwind CSS configuration
├── tsconfig.json        # TypeScript configuration
├── vite.config.ts       # Vite configuration
└── package.json

---

Tailwind CSS Configuration

The project uses Tailwind CSS for styling. To customize the design, modify tailwind.config.js and rebuild the application.

---

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

---

License

This project is UNLICENSED and provided as an example. Feel free to adapt it to your needs.

---

Contact

• Author: Jonas Szigeti
• GitHub: https://github.com/Jszigeti
• Issues: Open an issue