https://github.com/cbedroid/messenger-ui

Creating a responsive text messaging app for desktop ad mobile using HTML, CSS, and Javascript
https://github.com/cbedroid/messenger-ui

css html javascript jquery messaging messenger mobile mobile-app mobile-development mobile-web ui user-interface ux-design webdesign webdevelopment

Last synced: about 1 month ago
JSON representation

Creating a responsive text messaging app for desktop ad mobile using HTML, CSS, and Javascript

• Host: GitHub
• URL: https://github.com/cbedroid/messenger-ui
• Owner: cbedroid
• Created: 2020-07-25T11:33:46.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-08-19T20:29:54.000Z (about 1 year ago)
• Last Synced: 2023-08-19T21:38:10.021Z (about 1 year ago)
• Topics: css, html, javascript, jquery, messaging, messenger, mobile, mobile-app, mobile-development, mobile-web, ui, user-interface, ux-design, webdesign, webdevelopment
• Language: HTML
• Homepage:
• Size: 1.01 MB
• Stars: 3
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Messenger-UI

### Text messaging application for desktop and mobile devices

## Task

Build a replica text messaging application that's both... Pleasing to the eyes, and give the end user the best experience. 

Bring out your UI/UX designing skills that will give users the best experience while using your application!

Design an app that is not only mobile friendly but can also be used on various different devices such as a laptop or desktop.

# Criteria

* Choice of design, layout, and intuitiveness of the interface.

* Responsiveness across various devices

* Create markup that's compatible and up-to-date with browser's current release

* Create at minimum 1 or more CSS style sheet( you can use any framework of your choosing, **must include any framework and codes** as well)

* Create at minimum 1 or more javascript files that interact with DOM.

* Create a backend server to host your codes ( optional, but you can earn yourself some "brownie points" for doing so :-) 

## Summary of Tech Stack

This application was built using the latest technology and design patterns of today's era (2020). I chose to build this application using purely HTML, CSS, and Javascript. Using HTML, CSS, and Javascript, I can quickly structure my code fast and easily giving layouts a smooth sleek responsive design.

For CSS, I decided to go with SASS (Syntactically awesome style sheets), because of its amazing features. Using Sass, I can apply styles to my layouts faster than normal CSS. This framework also offers features like nesting, allowing me to manipulate elements easier than the standard CSS. This will result in better structure and minimize time to complete the task. Thinking with a team mindset, this will be great for any future developer that may potentially join in this project. 

### Mobile Design

  

  

  

### Desktop Design