Skip to content

Kokoa Talk Messenger is a web-based messenger application that replicates the look and feel of a popular messaging app. This project demonstrates a simple yet functional chat interface using HTML, CSS, and FontAwesome icons.

Notifications You must be signed in to change notification settings

minhosong88/Kokoa-talk-messenger

Repository files navigation

Kokoa Talk Messenger

Kokoa Talk Messenger is a web-based messenger application that replicates the look and feel of a popular messaging app. This project demonstrates a simple yet functional chat interface using HTML, CSS, and FontAwesome icons.

Table of Contents

Features

  • Responsive Design: Adaptable to various screen sizes.
  • Multiple Pages: Including settings, chat rooms, friends list, and more.
  • FontAwesome Integration: Utilizes FontAwesome icons for a modern UI.
  • Status Bar: Mimics mobile status bar showing service, time, and battery status.

Screenshots

Include some screenshots here to give a visual overview of the application.

Screenshot 1 Screenshot 2

Installation

To get a local copy up and running follow these simple steps.

Prerequisites

  • A web browser (e.g., Chrome, Firefox)
  • A code editor (e.g., VS Code)

Steps

  1. Clone the repository:

    git clone https://github.com/minhosong88/Kokoa-talk-messenger.git
  2. Navigate to the project directory:

    cd Kokoa-talk-messenger
  3. Open the index.html file in your web browser to view the application.

Usage

Navigate through the different pages using the navigation bar at the bottom of each page. The available pages are:

  • Friends: View and manage your friends list.
  • Chats: View and manage your chat conversations.
  • Find: Find new friends using various methods.
  • More: Access additional features and settings.

File Structure

Here's an overview of the project's file structure:

css/                    # Stylesheets for the application
screenshots/            # Screenshots of the application
.gitignore              # Git ignore file
README.md               # Project README file
chatroom.html           # Chat room page
chats.html              # Chats page
find.html               # Find friends page
fontawesome_script.txt  # FontAwesome script
friends.html            # Friends list page
index.html              # Welcome page
more.html               # More options page
settings.html           # Settings page

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact Information

If you have any questions or feedback, feel free to reach out:

About

Kokoa Talk Messenger is a web-based messenger application that replicates the look and feel of a popular messaging app. This project demonstrates a simple yet functional chat interface using HTML, CSS, and FontAwesome icons.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published