Screenshots (Hidden) - Click to open!
Welcome to React-Talk, a cutting-edge Telegram clone project built with React.js, .Net 6, and TypeScript. This project leverages powerful libraries such as MobX, SignalR, and Material-UI to provide a seamless and stylish real-time messaging experience.
React-Talk is a modern chat application that aims to replicate the popular Telegram messaging platform. It combines the best features of React.js and .Net Core to deliver a fast and reliable real-time messaging experience.
- Real-time messaging using SignalR
- Secure authentication and authorization
- Responsive and elegant Material-UI design
- State management with MobX
- Typing indicators, read receipts, and emoji support
- Multimedia support (images, videos, documents)
- Group chats and private messaging
- User profiles and avatars
- Contacts and Following
Live demo available at Hosted Demo.
Note: Please be patient and expect a delay in loading time as the cloud provider's cold start process caused by periods of inactivity takes some time.
To run React-Talk locally on your machine, follow these steps:
-
Clone the repository:
git clone https://github.com/nimamt/React-Talk.git
-
Navigate to the project directory:
cd react-talk -
Start the .Net 6 back-end:
dotnet run --p API
-
Navigate to the front-end client project directory:
cd client-app -
Install dependencies using Yarn:
yarn install
-
Start the React app:
yarn start
-
Open your browser and access the app at http://localhost:3000.
- Register or log in to your React-Talk account.
- Create or join chat groups, or send a message to a user (like Jane, Bob).
- Start sending and receiving real-time messages.
- Explore the rich features, including multimedia support and user profiles.