Improvements in my web app

sroy8091

Sumit Roy

Posted on August 4, 2017

Improvements in my web app

What I got

I got any reviews and suggestion from peers and from friends. Some of them were

  • Homepage font is awesome
  • The app is nice but loading is slow.

After all these reviews now is the time for improvement. The first thing I must consider is the loading time of my web app which was very high due to the use of .gif file in background hence I compressed it manually though I was not satisfied with the loading time. So introduced a new package in my project compression

var compression = require('compression')
var express = require('express')
var app = express()
app.use(compression())
Enter fullscreen mode Exit fullscreen mode

One more idea came to my mind. What if the background will be chosen randomly?

Random background

I introduced 4 more gifs in my static/img folder and wrote a small script to chose them randomly.

var source = [
            'back.gif',
            'code.gif',
            'codeback.gif',
            'abs.gif',
            'app.gif'
        ];
var randomNumber = Math.floor(Math.random()*source.length);
$('body').css('background-image', 'url(/img/'+source[randomNumber]+')');
Enter fullscreen mode Exit fullscreen mode

And voila everytime the user reloads he will get a new background(most of the time).

Homepage 1 Homepage 2 Homepage 3

Search optimization

One more tweak I would like to do in future is optimizing the search by including a separate column for tsvector and indexing that using GIN. Going through the documentation of PostgreSQL I ran into these three pages for optimizing full-text search and info about the functions.

Here is the index of all the post regarding this series of snipcode developemnt

Part I: App Idea
Part II: App prototype
Part III: Local Development
Part IV: G for Git
Part V: Data Modeling
Part VI: Data & Auth APIs
Part VII: Basic Functionalities
Part VIII: App Screen 1
Part IX: App Screen 2
Part X: App Screen 3
Part XI: User Reviews
Part X: Final Submission

💖 💪 🙅 🚩
sroy8091
Sumit Roy

Posted on August 4, 2017

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

I built it with Codemirror
codemirror I built it with Codemirror

August 2, 2017

Improvements in my web app
snipcode Improvements in my web app

August 4, 2017

Final App Submission
snipcode Final App Submission

August 4, 2017

App Screen 2
node App Screen 2

August 4, 2017