GupShup

Overview

DO LIVE GupShup

GupShup is a real-time chat application that allows users to communicate instantly. This repository contains the frontend code built with React.js.

Table Of Content

• Features
• Technologies
• Getting Started
• Prerequisites
• Installation
• Running the Application
• Environment Variables
• Contributing
• License

Features

• Real-time messaging.
• User authentication.
• Responsive design.
• Interactive UI for chat conversations.
• Integration with the GupShup backend API.
• User profile management.

Technologies

• React.js: Frontend framework for building the user interface.
• React Router: For handling navigation.
• Redux: For state management (if applicable).
• Styled-components: For styling the components.
• Socket.IO: For real-time communication (if applicable).
• Axios: For making API requests to the backend.

Getting Started

Prerequisites

Before running the application, make sure you have the following installed:

Node.js (v14+) npm or yarn (optional)

Installation

To use the simulator, clone the repository and install the necessary dependencies:

git clone https://github.com/pritamkumarshahi/gupshup-frontend.git
cd gupshup-frontend
npm install
npm start
npm run build
npm run eject

Environment Variables

Create a .env file in the root directory and add the following environment variables (modify the values accordingly):

REACT_APP_API_URL=<Backend API URL>
REACT_APP_SOCKET_URL=<Socket.IO URL> (if applicable)
REACT_APP_ENV=<development or production>

Contributing

I welcome contributions! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch for your feature (git checkout -b feature-name).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature-name).
5. Open a pull request and describe the changes you've made.

License

This project is licensed under the MIT License. See the LICENSE file for details.