BandoraChatApp v1.1.0

CHANGELOG.md

@@ -0,0 +1,7 @@
+changelog
+---
+
+### Version 1.1.1 (09.02.2020)
+
+- change the package name to `bandora-chat-app`
+- change `<p>` with `<h6>` because search engines use headings to index web page structure and content

README.md

@@ -14,7 +14,7 @@
 
 <br>
 
-> Bandora is a social media chat mobile :iphone: and web :computer: application that lets you chat & meet new people around the world :globe_with_meridians:.<br>
+> Bandora is a social media chatting Mobile :iphone: and Web :computer: application that allows you chat & meet new people around the world :globe_with_meridians:.<br>
 The Bandora mobile apps are now available worldwide. Chatting with people with your mobile device :100:.
 ---
 
@@ -24,7 +24,7 @@ The Bandora mobile apps are now available worldwide. Chatting with people with y
     <img  hight="70%" title="Bandora Website" src="images/index.png">   
 </p>
 
-<img width="50%" hight="150px" align="right" hspace="19" vspace="12" src="images/bandora-lite.png"></img>
+<img width="50%" hight="60%" align="right" src="images/bandora-lite.png"></img>
 
 ### Features
 
@@ -45,10 +45,7 @@ The Bandora mobile apps are now available worldwide. Chatting with people with y
 - [Android](https://bit.ly/2S3PfyT) 
 - [Web Browser](https://bandora.web.app/) 
 
-<br>
-<br>
-<br>
-<br>
+<h6>&nbsp;</h6>
 
 ## Important Notice
 

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "BandoraWebsite": {
+    "bandora-chat-app": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -17,7 +17,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/BandoraWebsite",
+            "outputPath": "dist/bandora-chat-app",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
@@ -67,18 +67,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "BandoraWebsite:build"
+            "browserTarget": "bandora-chat-app:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "BandoraWebsite:build:production"
+              "browserTarget": "bandora-chat-app:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "BandoraWebsite:build"
+            "browserTarget": "bandora-chat-app:build"
           }
         },
         "test": {
@@ -115,15 +115,15 @@
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "BandoraWebsite:serve"
+            "devServerTarget": "bandora-chat-app:serve"
           },
           "configurations": {
             "production": {
-              "devServerTarget": "BandoraWebsite:serve:production"
+              "devServerTarget": "bandora-chat-app:serve:production"
             }
           }
         }
       }
     }},
-  "defaultProject": "BandoraWebsite"
+  "defaultProject": "bandora-chat-app"
 }

e2e/src/app.e2e-spec.ts

@@ -10,7 +10,7 @@ describe('workspace-project App', () => {
 
   it('should display welcome message', () => {
     page.navigateTo();
-    expect(page.getTitleText()).toEqual('BandoraWebsite app is running!');
+    expect(page.getTitleText()).toEqual('bandora-chat-app app is running!');
   });
 
   afterEach(async () => {

karma.conf.js

@@ -16,7 +16,7 @@ module.exports = function (config) {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, './coverage/BandoraWebsite'),
+      dir: require('path').join(__dirname, './coverage/bandora-chat-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
       fixWebpackSourcePaths: true
     },

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "bandora",
-  "version": "1.1.0",
-  "description": "Bandora is a social media-chat mobile and web application that allows you chat, meet new people around the world and do more other stuff. The Bandora mobile apps are now available worldwide. Chatting with people using your mobile phone",
+  "name": "bandora-chat-app",
+  "version": "1.1.1",
+  "description": "BandoraChatApp is a social media chatting Mobile & Web application that allows you chat, meet new people around the world and do more other stuff.",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -12,9 +12,9 @@
   },
   "repository": {
     "type": "git",
-    "directory": "https://github.com/ahmnouira/BandoraWebsite"
+    "directory": "https://github.com/ahmnouira/bandora-chat-app"
   },
-  "readme": "https://github.com/ahmnouira/BandoraWebsite#readme",
+  "readme": "https://github.com/ahmnouira/bandora-chat-app#readme",
   "contributors": [
     "Ahmed Nouira"
   ],
@@ -23,6 +23,12 @@
     "name": "Ahmed Nouira",
     "email": "ahmnouira@gmail.com"
   },
+  "keywords": [
+    "chat-app",
+    "social-app",
+    "chatting",
+    "social-network-app"
+  ],
   "dependencies": {
     "@angular/animations": "~8.2.14",
     "@angular/common": "~8.2.14",

src/app/app.component.html

@@ -3,7 +3,7 @@
 <div id="apps" class="apps">
     <div class="container">
         <h4>The Bandora mobile apps are now available worldwide.</h4>
-        <p class="text-muted"><em>Chatting With People With Your Mobile Device.</em></p>
+        <h6 class="text-muted"><em>Chatting With People With Your Mobile Device.</em></h6>
         <nav class="os-navigation">
             <a target="_blank" href="https://bit.ly/2S3PfyT" title="Get the Android App"
                 class="btn btn-ghost alt btn-lg android">

src/app/app.component.spec.ts

@@ -25,10 +25,17 @@ describe('AppComponent', () => {
     expect(app).toBeTruthy();
   });
 
-  it(`should have as title 'BandoraWebsite'`, () => {
+  it(`should have as title 'bandora-chat-app'`, () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('BandoraWebsite');
+    expect(app.title).toEqual('bandora-chat-app');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('.content span').textContent).toContain('bandora-chat-app is running!');
   });
 
 

src/app/app.component.ts

@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-  title = 'BandoraWebsite';
+  title = 'bandora-chat-app';
 }

src/app/footer/footer.component.html

@@ -1,10 +1,12 @@
 <footer style="background-color: #505061; padding-bottom: 5px;">
-    <p id="contact" class="text-center" lang="en">
+    <h6 id="contact" class="text-center" lang="en">
         <span class="footer-logos">
-            <a href="mailto:ahmnouira@gmail.com" target="_blank" rel="nofollow" title="Ahmed Nouira"> 
+            <a href="mailto:ahmnouira@gmail.com" target="_blank" rel="nofollow" title="Ahmed Nouira">
                 <img class="img-responsive img-circle" src="assets/images/footer/ahmed-nouira.jpg" alt="Ahmed Nouira"
                     width="120"></a>
         </span>
-    </p>
-    <p class="text-center text-white">&copy; Feb 2020 <a class="text-white" href="https://github.com/ahmnouira/BandoraWebsite" target="_blank" title="Bandora">Bandora</a>. All Rights Reserved.</p>
+    </h6>
+    <h6 class="text-center text-white">&copy; Feb 2020 <a class="text-white"
+            href="https://github.com/ahmnouira/bandora-chat-app" target="_blank" title="Bandora">Bandora</a>. All Rights
+        Reserved.</h6>
 </footer>

src/app/news/news.component.html

@@ -2,66 +2,73 @@
     <div class="container content">
         <div class="title-row">
             <h2 class="text-center"><strong style="font-family: 'llcalig';">Bandora News</strong></h2>
-            <p>&nbsp;</p>
+            <h6>&nbsp;</h6>
         </div>
 
         <div class="row">
             <div class="col-md-6">
                 <figure class="nojs">
                     <a target="_blank" href="assets/images/news/view-photo.png">
-                        <img data-src="assets/images/news/view-photo.png" alt="Ability to view
+                        <img data-src="assets/images/news/view-photo.png" title="View Photos" alt="Ability to view
                         photos">
                     </a>
                 </figure>
                 <div class="post-summary">
                     <div class="post-title">
-                        <a target="_blank" href="https://github.com/ahmnouira/BandoraWesite/">Ability to view
+                        <a target="_blank" href="https://github.com/ahmnouira/bandora-chat-app#readme">Ability to view
                             photos</a>
                     </div>
                     <!--/.post-title-->
-                    <p class="excerpt">You could now view photos in full screen account photo, user profile photo, chat
-                        room photo etc &hellip;
-                    </p>
-                    <p class="entry-meta">
+                    <h6 class="excerpt">You could now view photos in full screen account photo, user profile photo, chat
+                        room photo.
+                    </h6>
+
+                    <!--
+                    <h6 class="entry-meta">
                         <span class="entry-date">Posted on 5 Feb 2020</span>
-                        <a target="_blank" href="https://github.com/ahmnouira/BandoraWesite#issues"
+                        <a target="_blank" href="https://github.com/ahmnouira/bandora-chat-app/issues"
                             class="pull-right comment-count sp-before">
                             <i class="fa fa-comment-o comment-count-picto"></i>0 Comments
                         </a>
-                    </p>
+                    </h6>
+                    -->
+
                 </div>
                 <!--/.post-summary-->
             </div>
             <!--/.col-->
             <div class="col-md-6">
                 <figure class="nojs">
                     <a target="_blank" href="assets/images/news/list-posts.png">
-                        <img data-src="assets/images/news/list-posts.png"
+                        <img data-src="assets/images/news/list-posts.png" title="Manage Your Posts"
                             alt="Add ability to see and delete user posts">
                     </a>
                 </figure>
                 <div class="post-summary">
                     <div class="post-title">
-                        <a target="_blank" href="https://protonmail.com/blog/encrypted-email-for-organizations/">
+                        <a target="_blank" href="https://github.com/ahmnouira/bandora-chat-app#readme">
                             See and delete your posts</a>
                     </div>
                     <!--/.post-title-->
-                    <p class="excerpt">Today, we’re happy to announce a brand new Bandora feature. You could now see and
-                        delete your posts&hellip;</p>
-                    <p class="entry-meta">
+                    <h6 class="excerpt">Today, we’re happy to announce a brand new Bandora feature. You could now see
+                        and
+                        delete your posts.</h6>
+                    <!-- 
+                    <h6>
                         <span class="entry-date">Posted on 5 Feb 2020</span>
-                        <a target="_blank" href="https://github.com/ahmnouira/BandoraWesite#issues"
+                        <a target="_blank" href="https://github.com/ahmnouira/bandora-chat-app/issues"
                             class="pull-right comment-count sp-before">
                             <i class="fa fa-comment-o comment-count-picto"></i>0 Comments
                         </a>
-                    </p>
+                    </h6>
+                    -->
+
                 </div>
                 <!--/.post-summary-->
             </div>
             <!--/.col-->
         </div>
         <!--/.cols-->
     </div>
-    <!--/.wrap-->
-</div>
-<!--/.post-list-section-->
+
+</div>

src/app/news/news.component.scss

@@ -0,0 +1,4 @@
+h6 {
+    word-spacing: 2px;
+    font-size: 16px;
+}

src/app/services/services.component.html

@@ -3,32 +3,32 @@
         <div class="row">
             <div class="col-md-4 col-xs-12">
                 <h2 class="text-center"><strong style="font-family: 'llcalig';">Meet People</strong></h2>
-                <p>&nbsp;</p>
+                <h6>&nbsp;</h6>
                 <a href="assets/images/users-lite.png" target="_blank">
                     <img data-src="assets/images/users.png" alt="Bandora Users Page" title="Bandora Users Page"
                         height="60%"></a>
 
-                <!--    <p class="lead">Security without the hassle</p> -->
+                <!--    <p class="lead">Security without the hassle</h6> -->
             </div>
             <div class="col-md-4 col-xs-12">
                 <h2 class="text-center"><strong style="font-family: 'llcalig';">Chats</strong></h2>
-                <p>&nbsp;</p>
+                <h6>&nbsp;</h6>
                 <a href="assets/images/room-lite.png" target="_blank">
                     <img data-src="assets/images/room.png" alt="Bandora Chat Room Page" title="Bandora Chat Room Page"
                         height="60%">
                 </a>
 
-                <!--    <p class="lead">Security without the hassle</p> -->
+                <!--    <p class="lead">Security without the hassle</h6> -->
             </div>
 
             <div class="col-md-4 col-xs-12">
                 <h2 class="text-center"><strong style="font-family: 'llcalig';">More Stuff</strong></h2>
-                <p>&nbsp;</p>
+                <h6>&nbsp;</h6>
                 <a href="assets/images/more-lite.png" target="_blank">
                     <img data-src="assets/images/more.png" alt="Bandora Account Page" title="Bandora Account Page"
                         height="60%">
                 </a>
-                <!--    <p class="lead">Security without the hassle</p> -->
+                <!--    <p class="lead">Security without the hassle</h6> -->
             </div>
         </div>
     </div>

src/app/slider/slider.component.html

@@ -1,18 +1,17 @@
-<br>
-<br>
-<br>
+<h6>&nbsp;</h6>
 <div id="web" class="security-section">
     <div class="container">
         <div class="text-center">
             <h2><strong style="font-family: 'llcalig';">Web Version</strong></h2>
-            <p>&nbsp;</p>
+            <h6>&nbsp;</h6>
             <h5>Bandora also is designed to work on <b>Web Browsers</b> as well as on Mobiles.</h5>
-            <p>&nbsp;</p>
+            <h6>&nbsp;</h6>
         </div>
         <!--/.text-center-->
     </div>
     <!--/.wrap-->
-    <br>
+    <h6>&nbsp;</h6>
+    <h6>&nbsp;</h6>
     <div id="carousel-wrapper" class="container">
         <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
             <span class="fa fa-chevron-circle-left fa-2x" aria-hidden="true"></span>

src/index.html

@@ -44,7 +44,7 @@
   <meta name="google-play-app" content="app-id=com.ahmnouira.bandora">
 
   <meta name="keywords"
-    content="Chat App,Social App,social chat application, Chat Mobile App,Chat application,Bandora , Ahmed Nouira">
+    content="Chat App,Social App,social chat application, chat-app, Chat Mobile App,Chat application,Bandora , Ahmed Nouira">
   <meta name="author" content="Ahmed Nouira">
 
   <link rel="canonical" href="https://bandora.now.sh/">