Category: Web & Technology

Low Cost MVP App built for Startup on NUXT in 3 hours

Low Cost MVP App built for Startup on NUXT in 3 hours

In this 2nd wave of Covid 19 Pandemic in India many young generation entrepreneurs are coming to help society with their Ideas in many ways they can. In Bihar’s town Muzaffarpur everything is not same as metro cities of India, people were facing lots of issue with travel restrictions to fetch essential medicines and essentials.

A young graduate from Muzaffarpur reached out to me to build a simplest form of web app where he can take online medicine order in Muzaffarpur. The orders received via Whatsapp can be organised and delivered by there volunteers following proper Covid norms. As this was a noble cause and we had to make some kind of MVP overnight for App name decided as Dawa Gaadi we choose Nuxt.Js for making a quick landing page for DawaGaadi.com

Simple Nuxt App Landing Page for Dawa Gaadi

This time we choose to develop our first production web app development using NUXT. The current app is very basic with Server Side Rendering, bi lingual (Hindi & English).

As I have very long experience as full stack PHP developer it was not very hard to build first app on NUXT which is a Vue.Js framework. It took only 3 hrs to setup, customise design for the landing page (bootstrap 5 is used), configure SSR and host it online.

How does my 1st Nuxt App looks on Mobile?

Dawa Gaadi App Screens

For long time I have used Laravel for backend & frontend customised app development for our clients in Bihar. I have been making cross platform mobile apps using Corodova & IONIC framework under my company Webx99 which provides Android App Development in Patna, Bihar for long time.

My Experience of Building first Nuxt.js (MVP App)

The experience of building an app on Javascript framework was very interesting and fun, Currently I am building a full-stack website using headless cms concept over Nuxt once launched I would start providing Node & Javascript development on both NEXT.Js which is a React framework and Nuxt.Js which is Vue javascript framework under my web development company Webx99 based in Patna.

In the meantime If you want are a startup trying to build a affordable MVP for your Mobile APP feel free to choose us for Mobile App Development in Bihar. Also you can follow me on Twitter at https://twitter.com/xvivek for any questions.

JustUrban PWA Web & Mobile app Case Study

JustUrban PWA Web & Mobile app Case Study

With the increased compute power of our handheld smartphones and browser Google provided push to Progressive Web Apps back in 2017-2018. Many of world’s popular brands have built one for them from Goibibo, Tinder, Flipkart, Myntra and more.

So what exactly is PWAs ?

It’s some short of giving mobile app features to your web application with modern web capabilities to deliver fast optimized website with app like behavior on supported browsers. Today PWAs are now supported on all major browsers. You can build mobile experience with same old web application technologies by adding support for pwa.

Why PWAs?

  • Light weight than traditional mobile app builds
  • Os independent easily maintainable and installable from web browser prompt.
  • Excellent caching and Offline functionality on un consistent network.
  • Faster loading resulting Better SEO rankings due to Google loves optimized pages.
  • Higher conversion rate due to functionality and faster loading of app UI. Read Goibibo PWA case study how they increased conversion rates significantly.

Not only above features we can use many features like touch vibration, push notification, share feature, geo location request and many others new features like read sms OTP and more.

Why we chose to build PWA mobile app for JustUrban?

JustUrban is a local service provider app which provides home services like Salon at Home, Photography, Events, Cleaning Services, Laundry via their web and mobile app to customers. As this is a startup they had to build MVP to try their Idea fastest track was to build a unified PWA web and mobile app for android with PWA capabilities.

JustUrban PWA Case Study
Just Urban Mobile App UX

The Google’s Lighthouse Performance score was 95 best we could get. The app loads in browser in 1-2 seconds. The UX is built with Bootstrap 5, we did many optimizations like lazy image loading, used system fonts and more.

The frontend offers customers to book appointment for services by selecting Preferred Date, Time and confirm booking by seamlessly validating their mobile number with OTP. Backend is build on Laravel the very popular PHP Framework.

If you are also looking for Laravel Development in Patna feel free to discuss about your project. As my company Webx99 provides both Full Stack Web Development & Mobile app development in Patna this project is first PWA app we launched in 2021.

How to Get fastest WordPress Hosting Services in India

How to Get fastest WordPress Hosting Services in India

Hey being fast when it’s about your website, speed matters, How quickly website loads to your user affects huge user experience and ultimately to conversion rates. Dosn’t matter you run a wordpress website for your business, organisation or blog faster loading of your website helps ur business.

How to get Fastest WordPress Website in India

Speed It’s very helpful to rank higher in google’s organic search. A lot of us don’t pay attention on page load time of our website but we offer best hosting services in Patna to our clients as we understnad the impact of having your website faster.

1. Choose Best Website Design Agency

For any website to load faster the first area of tuning is at the time of website design & Development. Developing website with speed in mind you must choose an experienced website design agency as they use there experience to curate just the perfect light weight website for your business. Our agency offers Custom WordPress Hosting & WordPress Website design services in Patna, Bihar.

2. Finding the Best Web Hosting Service for Your website

Again based on your budget and traffic requirment you should choose the right web hosting from different type of hosting services available such as Shared Hosting, VPS Hosting, Dedicated Servers etc. If you want your site to load faster you should start with Cloud VPS hosting and while choosing VPS Server choose the datacenter nearest to your Users country. These days VPS Hosting also Popularly known as Cloud VPS Hosting are very affordable choose from DigitalOcean, AWS or Linode. We also offer managed VPS hosting services in Patna which includes server setup, full stack setup firewall & monitoring services.

Signup to digitalocean vps and get free $100 credit to try from my link: 
https://m.do.co/c/ae11abfb2997

3. Tuning The servers to optimise for Speed

Now when you have get your wordpress website designed and choosen the right Cloud Hosting parter for your website It’s important to tune the web server to perform best from available resourses. From using simple Browser caching, Gzip Compression to advanced in memory caching such as MEMCACHE, Redis do help a lot when it comes to fast loading wordpress website.

We reccomend users to leverage basic page caching alwasy but when it comes to handling huge traffic tunning of PHP, MYSQL and using cdn services also helps your website load faster.

Hope you learned the 3 steps to take if you want your worpdress website wheter it’s a personal blog or a news portal load faster. You should test the performance using Google’s Page Speed or GTmetrix website speed test.

When you need help with optimising or even designing your website feel free to reach my web design agency in Patna we power 100’s of website’s with many sites having above lakh on average daily page views. Hope this guide will help you choosing the right WordPress Hosting services for your website.

Top 3 Reasons to Add HTTPS to Your Business Website

Top 3 Reasons to Add HTTPS to Your Business Website

Today I am going to list the top 3 reasons you should be using HTTPS on your business or personal websites, I won’t go very deep in the technical details of HTTPS or the way encryption works and keeps communication between your browser and server secure and private. This article focuses very brief about HTTPS and the top reasons you should use SSL protocol or HTTPS over the old http for your website.

Why chose HTTPS over HTTP

What are the benefits of using HTTPS vs. HTTP?

1. It helps with the security of Your website: The https protocol scrambles the data say any input you make in browser or request any page from server while browsing website/ web apps so that it can’t be seen or read by any one between your Browser and Server. For example every request you make from your browser goes to server via your internet service provider or ISP which can tap in to the content been transmitted. Thus it’s secure to use https and not http which transmits information in plain text to server.

Google’s experts says even if you don’t ask for sensitive information on your business website even than you should be using HTTPS to protect users privacy and any exchange of information between your website’s users and you. So HTTPS will help you with the security of your users and server.

2. HTTPS is good for SEO and helps you rank higher: Experts from SEO industry has confirmed that having a Secured site (Using HTTPS) helps your website rank higher in Search results by search engines. Google loves and gives priority to websites using SSL/ HTTPS over the http protocol. So if you are a business website owner and is focusing to get your website rank good in search engines setup HTTPS on your website. Recently google search started demoting non https websites in search results and also displays warning in browser address bar.

HTTP Vs HTTPS in chrome browser.

3. Many Advanced Web Technology requires HTTPS: If you are in serious about search result, website visibility and security of your website using HTTPS is must as even many browser features like PWA (Progressive web apps ) & even google’s AMP (Faster and lightweight website framework by google) requires you to have ssl/ https enabled on your website to leverage many features.

To use users location api or send push notification in browser you must use HTTPS as service workers which is required component for PWA to work.

As conclusion if you are still using the http on your website and have not setup https on your website ask your developer/ agency to implement it. My web development agency in patna bihar has started offering free HTTPS support with our website packages to our all customers.

You can use a purchased ssl or free ssl certificate from Let’s encrypt to secure your website. If you are having your website already and want help related to web security server management etc you can always reach me or ask question on my twitter handle (https://twitter.com/xvivek ).

How to Install Linux Bash on Windows 10 & run Ubuntu inside it

How to Install Linux Bash on Windows 10 & run Ubuntu inside it

First Personal computer I bought was preloaded with Windows 98 than came windows Xp which I loved most and from the next new release I started hating it. And between the period of Windows Vista and Windows 7 I had totally switched to a linux flavour desktop Ubuntu as my Primary Computer. However 2 years ago I bought Macbook Air and realised how much it was easy for me as a full stack web developer and server admin to code and manage the servers with both Linux and Ubuntu while running open-source web server stacks.

But Very recently I bought a Windows 10 desktop PC for home use after the windows has matured and is now way better than it was few years back. I came to know that Windows 10 has now stable Linux Bash and support for Ubuntu and linux system builtin after (Fall Creators Update). In this Tutorial I would lay down steps to enable “Windows Subsystem for Linux Bash”   feature that will allow you to natively install Ubuntu and use it within Windows session without any virtual box setup. I had tweeted after I came to read about the news in Microsoft Update blog. Here is the easy steps you can take to enable this and use Ubuntu yourself in your Windows 10 Pc.

Enabling Windows Subsystem for Linux feature in Windows 10

Before I start This feature will not work in windows 32 bit version Choose Windows 64 bit for this you should be any way switching to 64 bit version of Windows.

So if you are using Windows 10 64 bit Go to Control Panel > Programs > Turn Windows Features On or Off than enable “Windows Subsystem for Linux” in dialog box click ok and let the process finish.

Enabling Windows Subsytem for Linux

As your computer restarts you can than choose to install Ubuntu on your Windows 10 from Microsoft Store you will see list of many Linux distribution when you search “Linux” in Windows 10 Store. I recommend using Ubuntu as it works very well for all my purposes like connecting to remote servers using ssh and taking backups using rsync command.

After you have installed Ubuntu or any other linux distribution from the store you can start it from the Start Menu as in following picture as I had installed Ubuntu.

You might want to pin this application shortcut to your Start menu, desktop or in taskbar for quick access.

First time you open the Ubuntu app from start menu you would be prompted to create a password remember you would be automatically given a username which will be same as your windows username. Just set your password and you are in to the world of Linux.

That’s It if you are user of Mac Os or Ubuntu already you must be familiar from here happy using linux on your windows.

5 must have WordPress Plugins for Business Websites (My Pick)

5 must have WordPress Plugins for Business Websites (My Pick)

Have been a wordpress developer for more than 10 years I came through development of several dozens business websites as a lead web developer at Webx99 a web design company in Patna which uses Open Source technology as it’s core development tools.

Today I am going to list top 5 plugins we use with every WordPress website design project for almost all kinds of wrodpress websites we develop from personal blogs to business website to Government Websites.

1. W3 Total Cache: Who dosn’t want their website to be as fast as the days when static websites were in fashion with all the power of wordpress website’s dynamic nature in content still we can use plugin like W3 Total Cache to cache dynamic information and optimise website to be served faster  to users. The plugin supports CDN, Compression , Database Query Cache, Browser Cache and all modern techniques one can leverage within wordpress for faster website. There are other popular alternate like WP Super Cache also an option I use some time but I use Caching for all website’s me or our team at Webx99 design and develop.

2. Contact Form 7: You must have used or heard of this plugin if you are a wordpress developer even for a very short time, Everybody want’s a form on their website in form of enquiry form, feedback form or to capture booking data. This Plugin is used by me on almost all projects for simple contact form to sometime complex booking engine.  This plugin supports normal html input fields to date, dropdown, file uploads and more.

3. Simple Light Box: Converting your old fashion ugly gallery to beautiful modern gallery with light-box effect can be done with this plugin, It’s simple and easy to setup. There are other plugins also available in wordpress plugin directory but I use this for it’s simplicity and support for current version of Wordrpess.

4. All in One SEO Pack: If you are worrying too much about good ranking in google and other search engines and spending lots of time modifying and optimising your wordpress website use this plugin which will come handy for seo purposes it has all tools for SEO like SITEMAP generation submission, meta tags optimisation and lots of more features. Just use the plugin as a tool for Search engine optimisation of your website if you want to do it yourself. Our company can manage all your SEO worries as Webx99 also offers SEO service in Patna and Bihar.

5. ImsanityName might not be clear but this plugin is essential for my all wordpress website project specially where lot’s of content to be created with time. You might have encountered situations when your website users (clients) in most cases don’t care for size of image they are uploading they would upload a direct shot image from DSLR with size sometimes above 20mb.  This not only wastes the disk space of servers but also slows down the page load and consumes unprecedented amount of bandwidth. Imsanity plugin comes to rescue and will resize the resolution of image uploaded and will eliminate all such issue. We must use this plugin for news portals, blogs and in some cases with Photography websites.

There are many other plugins which I use quite often but they are not as common as above listed plugins and are for specific use cases. If you liked this article don’t forget to share it with your friends and you can also follow me on Twitter or on my linkedin profile.

Top 5 Cloud VPS Hosting providers in India

Top 5 Cloud VPS Hosting providers in India

Is your website traffic growing rapidly and your shared hosting is causing trouble loading your site at the peak traffic hours of your website. You should be than considering a VPS hosting provider for your business website or blog. Today I would help you choose one of the best VPS Hosting provider in India, the list is based on my experiences of 7+ years of with different VPS & Cloud hosting providers.

There are few key things that differenciate as not all VPS hosting providers are same in price, performance or support. So choose the best from the list compiled here by me of best VPS hosting providers in India.

1. Digital Ocean

A company which launched back in 2011 and since it’s now became one of world’s largest cloud VPS service providers. DigitalOcean’s VPS in cloud starts at as low as $5 per month they offer SSD hosting and since their launch they have disrupted the whole hosting industry. Simple user interface, low price and solid performance both at the same time has made this company popular among developers. They have datacenters accross globe with regions New York, Singapore, Germany etc they launched their services last year in India with datacenter at Bangalore.

One reason that it’s my favorite is it’s extensive and large tutorial articles which makes it easy for beigner developer to start hosting app and services on their Virtual machines.

2. AWS by Amazon

AWS has been no1 cloud hosting provider in past few years it has wide range of products from CDN , storage, cloud computing etc. However AWS is little hard to be used by beginers, they are offering free uses tier for a year but the cost compared to Digital Ocean, Linode, Vultr is high to deploy services on AWS. If you are a beginer and want easy interface go with Amazon’s LightSail lauched recently whcih focuses to keep products simple and pricing are similar to other competitors.

3. LightSail by Amazon

The simplyfied version of AWS, aws is hard to use for beginer developers, recently Amazon Web Services has launched LightSail their simple pricing VPS services in India. AWS claims that the product is built on same platform of AWS they offer eye catchy price and simple Userinterface as DigitalOcean does. They have Singapore and Mumbai based datacenter locations which is good for websites with most users from India.

4. Linode

Linode also focuses good things and power at low price as Digital Ocean and Vultr lidone’s support team is also quick they are offering managed services also in case you need. Their plans start at $5 for 1GB ram config.

5. Vultr 

Vultr a new venture recently gaining popularity as it’s breaking the rules of pricing with product configs similar to Linode and DO, Vultr is lowest price and in features compete directly with DO and Linode, Vultr’s 512 mb VPS costs only $2.5 the lowest in industry at the same time they offer good support and hardware are also latest.

Conclusion

If you are a pro developer to handle complex product configurations you can try AWS as it has a large cataloge of services however charges are little higher than competition.  And if you are looking to start and finding value for money VPS hosting provider in India go for DigitalOcean or LightSail. If your budget is really low you should choose Linode or Vultr as they are best value vps providers in India both have data centers at Singapore.

Among above list of VPS providers I have used services or atleast tried all from the list currently I am using Digital Ocean and AWS for our website and client’s websites & web apps. I manage couple of VPS servers for different clients of Webx99 , Webx99 offers VPS Setup, Web application deployment, security, monitoring and other Managed VPS Hosting Service in Patna. DigitalOcean is the perfect blend of Simplicity, Performance and is best value for Price, You can try VPS service of DigitalOcean by signing up for them from  this link  whcih will give you $25 free credit.

5 tools for WordPress website Performance Testing

5 tools for WordPress website Performance Testing

There are many articles written by different bloggers on wordpress website optimisation and ways to improve load time of your website/ perfomance.  I have been managing approx 200 wordpress based business website & blogs for Webx99.com ,  few with huge traffic consuming huge bandwidth. Today I would be listing few tools that I have been using and recommending other developers to use them before they put website to live from development environment.

I won’t be putting detailed features comparison between these tools and web applications but a basic overview and what a particular tool does’s and how it can help you in testing perfomance of your wordpress website. And one more thing however i am writing this article focusing wordpress based website perfomance testing but it can be as helpful for any website no matter built just with html css or using any cms.

Tools to Test WordPress Performance:

  1. GTMetrix can be used as a benchmarking tool it has a very well crafted interface that allows you to not only see the load time but to get details on Google Pagespeed score and Yahoo’s YSlow scores also.  It also puts suggestions to consider improving the performance and possible fixes.
  2. KeyCDN Speed Test is a simple tool that will display asset loading and total time it took for the website to finish loading. It can be used to test the CDN speed as many of wordpress themes and other templates use CDN hosted assets like bootstrap css, jquery, font-awesome and other libraries.
  3. Pingdom Tools: One of very popular tool to test page load time, it also displays detailed analysis of loaded assets by type like images, scripts, html etc. It’s my favorite tool.
RechargeFlip Mobile Recharge Portal Made in Bihar with Love

RechargeFlip Mobile Recharge Portal Made in Bihar with Love

Recharge-Flip-Logo2I am writing this story about a Fast, simple and intuitive online mobile recharge & dth recharge e-commerce website which is made totally in Bihar by the whole team of developers, designers  from Bihar. RechargeFlip.in is the website that uses PHP, MYSQL and javascript as it’s basic ingredient, This website portal is owned by Mr. Prateek  an entrepreneur who lives in Patna, Bihar.

You can simply go the website register for an account and within seconds you are ready to CHARGE your mobile in instant, this website uses the highest level of Security measures for it’s payment transactions.  Payment is powered by PAYU another giant in payment gateway market in India a brand by GoIbibo guys. Recharge is very fast and the whole website has been developed to protect your money in case any recharge goes fail for any reason. You would not only love the website’s simplicity but also the quality service and support. Your account is secured with SSL technology for your peace of privacy. I would simply recommend my friends and followers to once try and feel proud to use a service made in bihar with love by Webx99 Team for our esteemed client Mr. Prateek.

Recharge Flip - Mobile Recharge Service from Bihar with Love
Recharge Flip – Mobile Recharge Service from Bihar with Love

As a project manager I have just looked in to the timeline for the projects development, design and testing, we would like to thank the owner of this project who put his faith in us. And as Webx99 team always tries to deliver the project within the timeline approved we were ready with the project after doing all primary tests within the timeline.

As the e-commerce market is growing with a very good sign to this industry let’s hope and wish great success to the brand Rechargeflip. Our whole team of website design and application development at patna and outside city would wish the startup guy a great success. This website is a milestone we have achieved by adding this website  to our portfolio by proving the team’s capabilities to work on large applications from scratch within the timeline. So if you or your partner is in search for a website designer that also have capabilities to program the application from scratch do contact your’s favorite website design company in patna (Webx99)  to get complete solution.

5 Must have Mozilla Firefox ad-dons for web developers

5 Must have Mozilla Firefox ad-dons for web developers

As a web developer we must be all familiar with a very popular web browser of these days called Firefox by Mozzila foundation. When I started my journey on the internet as web developer those were the days when Chrome was even not born, since then many of web developers felt in love with the Mozzila Firefox and the love continues till now with this software. However some made Chrome or Opera their new love later but choice is yours this is not my post regarding which one is better but here I am putting a handpicked my choice of best or say most utilized ad-dons for Firefox web browser for website designers & developers like me.

User Agent Switcher

User-Agent-Switcher-Add-ons-for-Web Browser Firefox

With this ad-don we can specify our  own browser user agent , or select from a list of pre-configured ones useful when visiting site which is specially built for some specific user agent/ browser.

Web Developer

Web-Developer-Add-In-Firefox
Web-Developer-Add-In-Firefox

My most favorite Firefox addon, as far as web development or coding comes. It has got nearly a million users, and after installing it, you get a custom navigation bar added to your browser – within which you’ll find dozens of incredibly useful web development tools.

We can manage CSS, HTML, forms, measure the length of pages and specific parts, live edit the pages, and so much more. A must use / try by you.

ColorZilla

ColorZilla-Firefox
ColorZilla-Firefox

ColorZilla is one of the tools that is also listed in this post is about background color or pattern generators, it will give you access to manipulating the colors of any webpage. You can select any given text (even zoom-in), and have the add on give you a color code for it. It’s pretty sleek, and can prove to be of good use in many situations.

Awesome Screenshot Plus

Awesome-Screenshot-Add-ons-for-Firefox
Awesome-Screenshot-Add-ons-for-Firefox

Need to take a screenshot of a web page you are visiting this add-on comes very handy.

BuiltWith

BuiltWith-Add-ons-for-Firefox
BuiltWith-Add-ons-for-Firefox

The last above tool on my list called built-with is as Firefox addons for web developers, It adds an extra button to the toolbar, which  gives us the software of the particular site we are browsing.

If you think there is any add-on that must have made it’s place in the list above please drop your comment which addon for firefox should be in the top 5 list as web developer point of view. If you liked the above list please send your love in form of shares, likes and comments.