/xrecon

XRecon is a chatting app developed by ChiragChrg. Similar to WhatsApp, Users can text and interact with other users.

Primary LanguageJavaScript

XRecon

Netlify Status

A simple chatting app developed by ChiragChrg, similar to WhatsApp. Allows users to text and interact with each other.

Tools and Techstacks used :

HTML5 CSS3 JS React JS Node JS Vite JS MongoDB Socket.IO

Demo

Check out a live demo of XRecon at https://xrecon.netlify.app/.

Features

Some features of XRecon include:

  • Text messaging: Allows users to send and receive text messages with other users in real-time.
  • Customizable user profiles: Allows users to create and customize their own profiles, including the option to use a custom avatar generator to create a unique profile picture.
  • Mobile-optimized UI: Provides a user interface that is optimized for use on mobile devices, ensuring a smooth and seamless experience on smaller screens.
  • PWA (Progressive Web App) support: Enables the web app to be installed and used like a native app on mobile devices, providing offline functionality and a seamless user experience.
  • JWT (JSON Web Token) authentication: Ensures secure user authentication using tokens signed with a secret key, allowing users to access the app without needing to enter their credentials each time.
  • Intuitive interface: Provides an easy-to-use interface that is simple to navigate and understand, allowing users to quickly find and use the features they need.

Installation

Note:

  • Rebuilt using Vite + React for better performance.
  • Make sure you have Node.js and MongoDB installed on your machine.

To run XRecon on your local machine, follow these steps:

  1. Clone the XRecon repository to your local machine using git clone https://github.com/ChiragChrg/XRecon.git.
  2. Navigate to server directory of the project and install the dependencies by running npm install.
  3. Start the server by running npm start or start using nodemon with npm run devStart.
  4. In a separate terminal, navigate to the client directory and install the dependencies by running npm install.
  5. Start the client by running npm run dev.
  6. Open your web browser and go to http://localhost:5173 to access the XRecon app.

Usage

To use XRecon, sign up for an account and start messaging and interacting with other users.