Skip to content

Jeya-rosini/whatsapp-ui-tailwindcss

Repository files navigation

Lets' Chat

Its a Chatbox UI resemblence of WhatsApp. The design is not yet responsive. But have major key features and designs are included. In this design, can able to navigate through pages without opeininga an another tab. Its all linked together for our convenience and look more alike.

Table of Contents

1, Project Title

2, Description

3, Demo

4, Internship

5, Technologies Used

6, Features

7, Installation

8, Usage

9, Contributing

10, License

11, Acknowledgments

Description

The Lets' Chat UI is more like WhatsApp. But have a unique features in creative way of presenting, usage of technology. This UI is not interactive but it gives the feel of interaction with hover effect and navigation through the pages. The purpose of this UI is to usage of the technology and skill

Demo

Live Link: https://jeya-rosini.github.io/whatsapp-ui-tailwindcss/

Screenshots

Whatsapp UI

Internship

This internship is provided by CyberDude Networks Pvt.LTd. as part of the 6-Month Free Internship program, a skill development initiative organized to enhance participants' skills. Mentoring was provided by Mr. Anbuselvan Rocky. For more information, you can contact CyberDude Networks here.

Technologies Used

1, HTML 5

2, CSS 3

3, TailwindCSS

4, For icones: Icones.js.org

5, For reference: TailwindCSs Documentation

Features

The UI functions as a prespective of how the messging or interactive applicaton will be. This UI will give you a complete guide to it. You can enjoy the view and cool look of this apllication.

Installation

Step 1: Using the live link, you can have a Lets' Chat UI

Step 2: In the UI, you can have a GitHub source code

Step 3: You can have a pull request in the source code, through that you can install the code in your desktop coding software by choosing different branches

Step 4: Through that you can do changes in that code by adding or deleting any features into it

Usage

This project can be used as example of chat UI representation.

Contribution

Contribution can be done using: https://github.com/Jeya-rosini/whatsapp-ui-tailwindcss/

Any upgrading or editing can be done using the link through the pull rewquest it can be edited

License

The project is distributed using MIT License MIT License

Copyright (c) 2023 Jeya-rosini

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Acknowledgments

I have to acknowledge Mr.Anbuselvan Rocky, CEO of CybderDude Networks Pvt.LTd. for the lesson from scratch and helping to build this UI and for the valuable comments.

I have to acknowledge Mr. Mohammed Shajid Shafee for helping me with some of the errors and coding doubts and ideas for this project

About

Lets stay in connect through let's chat ui by tailwind CSS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published