This document describes a mobile application called "What's Hot" that allows users to discuss trending topics. It will be developed using Ionic and Cordova for cross-platform compatibility across Android and iOS. Node.js will provide the backend. User data will be stored in a Parse database hosted by Facebook to simplify development. Screenshots of the app pages like Login, Forum, and Filters are also included.

1. MOBILE APPLICATION
MAYANK PURI
9912103501
JIIT 128, NOIDA

2. INTRODUCTION
• What's Hot is a social platform for users to
globally express their concerns about the
trending topics. It provides them with a space to
voice their thoughts and reply to others' as well.
The main purpose behind our work is to give
suitable direction to the thinking daily public that
generally goes unnoticed or unheard.
• It is an application that helps its audience discuss
and debate about current trending topics and
events around them and throughout the world.

3. MOBILE PHONE PLATFORMS
DESKTOP AND LAPTOP
PLATFORMS

4. TARGETED PLATFORMS
• As more than 95% of the platforms that users actually
use consist of either Android and iOS, I have decided
to cover both.
• As the development is of hybrid nature, it can easily
be ported to Desktop and Laptop operating systems
including Microsoft Windows, Apple OS X and variants
of Linux like Ubuntu, Linux Mint, Fedora, etc.
• However, after receiving a good response for the
Android application in the previous semester, I am
using development on iOS as my point of entry for
Phase 3.

5. APPLICATION ARCHITECTURE
The three core elements that need to be
explained here are:
1. Ionic
2. Node.js
3. Cordova

6. Ionic
• Ionic is a complete open-source SDK for
hybrid mobile app development.
• Ionic provides tools and services for developing
hybrid mobile apps using Web technologies
like HTML, JS and CSS. Apps can be built with
these Web technologies and then distributed
through native app stores to be installed on
devices by leveraging Cordova.
• Users can build their apps, customize them
for Android or iOS and deploy through Cordova.

7. Node.js
• In software development, Node.js is an open-
source, cross-platform runtime
environment for developing server-side Web
applications.
• The runtime environment interprets JavaScript
using Google's V8 JavaScript engine.

8. Cordova
• Apache Cordova (formerly PhoneGap) is a
popular mobile application development framework.
• The resulting applications are hybrid because all layout
rendering is done via Web views but are packaged as
apps for distribution and have access to native device
APIs
• Apache Cordova can be extended with native plug-ins,
allowing developers to add more functionalities that
can be called from JavaScript, making it communicate
directly between the native layer and the HTML5 page

9. Architecture Diagram

10. DATABASE DESIGN
• The database is hosted at Parse by Facebook which helps application developers
directly scaffold a working API for usage with the application. Thus eliminating the
need for a separate server setup and installing database that links up with the API
designed.
• An account is set up with all the required credentials. These attributes include:
1. Unique ID of the User
2. Name of the User
3. Password of the User
4. Date of creation
5. Date of updating
6. Access Control List
• This simple model provides easy integration with the application with minimal
authentication needs.
• The future scope of Parse SDK also provides with social logins via several accounts
such as Facebook, Twitter, Google etc. and links them with the user’s email address
directly to prevent duplicate credentials.

11. SCREENSHOTS
LOGIN PAGE ACCOUNT PAGE
SIGN UP PAGE FORUM PAGE

12. SCREENSHOTS
ABOUT PAGE
POSTS PAGE
SESSION PAGE
FILTERS PAGE