Jangle Web

Front end web client for Jangle cross-platform chat application built with React and socket.io.

To view, visit the website deployed at heroku.

Table of contents

• Built with
• Installation
• Screen-shots
• To do's

Built with

Installation

Follow these simple steps to run project locally:

• Change the backend server's endpoint url in file /src/component/tempConstant.js to your backend server's url.

const apiUrl = <your_backend_server_url>; // <= Here---------------

const data = {apiUrl};
...

• Change the backend server's socket.io url to your backend server's url in file /src/context/socket.js

...
import React from 'react'

const SOCKET_URL = <your_backend_server_url>; // <= Here---------------

export const socket = socketio.connect(SOCKET_URL);
...

• Install all the dependencies of package.json file by running below command in root directory.

  npm install
  

• Run the following command in the root directory to start the project.

  npm start 
  

Screenshots

Login screen

Dashboard

Todos

• When creating/selecting chat from new conversation page, the chatList panel doesn't gets updated, either for addition or for selection.
• Upgrading UI, adding page titles to signup, login and dashboard pages
• Adding personal info part and ability to edit firstName and lastName.
• Implementing search functionality.
• Implementing paging of chat messages
• Implementing chat user's details page.
• Implementing read-messages
• Implementing last seen / online
• Implementing message sending time.
• Implementing message deletion if the message is sent my current user.