Category Archives: Implementing Technology

React Hello World

Leave a reply

Create the App

  1. cd into a new / clean dir
  2. execute – npx create-react-app <app_name>
  3. a new sub-dir with this app_name will be created
  4. cd into the new sub-dir with the new app_name
  5. execute npm start – this will eventually list a local URL Open a browser to this to verify the new app is running
  6. Edit the App.js file in src dir and clear most of the content and simply replace it with “Hello World”. The app should now show “Hello World” text.

Customize the App

  1. stop the app (at least for the next step)
  2. Add bootstrap (for CSS styling)
    • execute npm install bootstrap
  3. at this point can re-launch the app by executing npm run dev

– manzoor

Deploy on to AWS

Deploy on to Heroku

Video Conferencing

Leave a reply

<disclaimer>This is not a new thing</disclaimer>. A lot of people use some form of “Video Conferencing” already for both professional and personal reasons / situations.

With all the Social Distancing we all have been having to do, some of my friends decided that we would try to compare a few of the options that was available. So far we have tried Skype and Messenger. The consensus so far has been in favor of Messenger. But there are a few options that we still have not tried. Some of these are:

  • Apple Group FaceTime
  • Google Hangouts Meet
  • Slack
  • Webex
  • UberConference
  • Zoom

The first 3 are from me, which is why they are at the top, and the rest are ones the group had mentioned at some point. I have used all of these at various points but Webex and Zoom in professional environment only. I have used both Slack and Google Hangouts Meet in professional and personal situations while Apple Group FaceTime exclusively in personal situations.

The primary objective so far has been:

  • Ease of use
  • Number of participants allowed
  • Quality of the Audio / Video

We have also talked about the ability to “Present” (i.e, Screen Share) that we might be looking into at some point.

Apple Group FaceTime – Requires an Apple ID and an Apple Device. Number of user is limited to 64. I have only tried 3.

Google Hangouts Meet – Someone has to have a Google / Gmail account and anyone can be invited to join. A personal Gmail account allows a limited number of users but no limit on how long to use. On a mobile device, i.e., Phone, the Hangout App is required.

Slack – A Paid Subscription is needed. Probably not as commonly found on most peoples’ devices, i.e., Adoption.

Messenger – The quality of the Video does not necessarily start off the best but it does seem to settle to pretty good after a few minutes. Users do seem to get dropped off from time to time (which we are still not sure is not caused by the user). But getting back in seems fairly trivial.

The best part of Messenger was that everyone seemed to have it on their device of choice and they all knew how to use the tool.

Skype – On my Mac Laptop the resource consumption was very high. Which for me was a big negative. I forget what some of the other issues were.

Webex – no one seems to have used this beyond a professional env.

UberConference – Limited to 10 users and 50 min for the Free usage.

Zoom – limitations, requires a download. Unsure of mobile device support

Ease of Use – Not having to install something. Not having to sign up for another account. Familiarity with the tool

– manzoor

Customizing the Navigation

Leave a reply

Though I am using Django for my project, the eventual goal is to separate out (i.e., de-couple) the backend completely. But for now, I am where I am.

My goal, for now, is to create a custom / dynamic Navigation that is based on the user’s role / type. This will allow me to “show” the page(s) the user should have access to.

The other part of the equation would be to prevent users access to page(s) they should NOT have access to.

– manzoor

 

Building Blocks

Leave a reply

I am currently working on a User Authentication module for a Django project and am anticipating using this in other Django projects. Wondering, not just with the User Authentication module, but other similar common building block modules that I could be working on and using in various projects – how would I plan on doing that.

I am also, for now at least, using Django as my backend for not only the web and mobile applications I am currently working on but also the native iOS apps I have plans to begin soon.

– manzoor