The Culture Ripple
After spending 1 year of AnnaDaata Android app development “all alone. Full stack” with an idea to create an interface for rich consumable content, I am now in a position to reiterate on any mistakes that I have made till now… But before going there I take a moment of pride in showcasing my new attempt on the same idea - A mobile based Progressive Web App which is a skimmed down version of AnnaDaata Android app I built for 1 year. This time a I chose to go with Progressive Web App because of the inherent fine grain control on the product unlike Android App. And the joy of modular coding in ReactJS using Material UI library - the inspiration at initial and final phases of UI designing adopted religiously from https://material-ui.com.
Deja Vu moment while I wrote the title Culture Ripple
Adopting and working with ReactJS has been a breeze since 2017. Most of it is basic Javascript, HTML, JSXHTML(as I wud like to call it). I will like to briefly remark on the analogy of ReactJS to Java language in terms of code structure.
From above tutorial the simple HTML code <div id=”app”></app> analogous to Java’s static void main() function. FYI this is the place where you can also add screens using “React Routers” with url path changes without creating HTMLs for new screens
- <div id=”app”></app> is the starting point for ReactJS UI where you see the output “Hello, ES6 and React 0.13!” coming from another class’s render function .
- ReactJS class files are analogous to Java class files
- ReactJS, Java classes have constructors, functions declaration, definition
- Pass objects between classes to update UI based on data-model changes.
Do’s for 2017 ReactJS star(ter) developers
Loved the reintroduction to JS in this tutorial https://facebook.github.io/react/tutorial/tutorial.html

App development checklist for passionate FullStack developers of 2017
- NodeJS-backend, Material-ui frontend, Contentful CMS, FoxPush for user reengagement.
- Get the API based CMS ready. I have used Contentful since I started on my PWA in 2017. Has a refreshing and sophisticated interface that suits my needs. Well documented compared to ButterCMS or any other API based CMS.
- Since I don’t take user inputs as of now that is globally visible to all users, I have not plugged in a database of any sort to my Node backend.
- npm install axios. For implementing GET, POST, PUT API requests to your CMS from React component class.
- This is 80% of your app development. To make it user consumable product, use lighthouse by Google. Thats it.
With my First Android App as a full stack dev in 2016, I had not much explored CMS part, Push notifications for Android in 1st step. Which led to a disaster in keeping user re-engagement.
Most importantly I had to understand that App development is not a 1 man Army buisness
Now I am in a look out for passionate content writers for my PWA. Write to me at jayanth.rbharadwaj@gmail.com. I will address your concern and queries within 24 hours.
