Learn about building modern applications.
With every commit, git records the name of the author as well as the committer along with their respective email addresses. These will be public once you push your project to GitHub. So sometimes it may be advisable to change the email addresses of the author and committer for all the past commits in your … Continue reading Overwrite Author in Git History
Next.js is an open-source framework for React that aspires to reduce the amount of boilerplate code required for developing React applications. Key features that Next.js provides out of the box are: Routing Code Splitting Server side rendering I recently developed a small example application with Next.js and came across some minor difficulties when trying to … Continue reading Next.js with Bootstrap Getting Started
I have recently reviewed KeystoneJS for a little project I am planning. I found it overall quite good but lacking in a few aspects, particularly in the way migrations are handled (or not handled). After some research, it seems that Strapi could be a possible alternative to KeystoneJS and so I decided to give this … Continue reading Strapi 2020 Quick Review
I have recently started on a little project to organise the quotes that I have collected in years of reading (see kindle-citation-extractor). I originally got my quotes into Airtable but I quickly hit the limit for the free tier. I figured that it would be great if I could develop a simple database with a … Continue reading KeystoneJS 5 Quick Review
SQL is a very expressive and powerful language. Unfortunately, it has often been difficult to interact with database using SQL from object-oriented languages due to a mismatch of the data structures in the database versus the structures in the application programming language. One common solution to this problem where Object-relational mapping frameworks, which often come … Continue reading Knex and Typescript Starter Project
In my previous three posts, I have developed a simple WebGL application using react-three-fiber and three.js. In this post, I am adding texture loading and proper lighting to the application. For reference, here the links to the previous versions of the app: Version 1: Just being able to drag a shape on the screen Version … Continue reading Textures and Lighting with React and Three.js
I have recently been working on small example application using three.js and react-three-fiber. In the first two iterations, I first developed a simple draggable shape floating in space and then supported multiple shapes that can be moved on a physical plane. In this post, I am going to be extending the example to support camera … Continue reading Camera Movement with Three.js
Following up from my article published a few days ago, I have now extended and improved the simple WebGL application that I originally developed using Three.js and react-three-fiber. Version 1 of the application allowed dragging a simple shape around on the screen: App: https://react-three-fiber-draggable.surge.sh/ Source Code: https://github.com/mxro/threejs-test/tree/master/test1 Version 2 combines this basic premise with the … Continue reading Create and Drag Shapes with Three.js, React and Cannon.js
I recently became interested how to render 3D graphics in the browser. I think WebGL is an extremely powerful technology and may one day become an important way of rendering content on the web. There are various frameworks and tools available to use WebGL such as Babylon.js and three.js. To me, three.js looks the most … Continue reading Creating a Draggable Shape with React Three Fiber
I've recently done some research into WebRTC and specifically on how to stream media captured in the browser to a server. Initially I thought I could use something like Kinesis Video Streams and have AWS do the heavy lifting for me. Unfortunately this turned out way more complicated than I had anticipated so I started … Continue reading Medooze Media Server Demo
The Full Stack Blog 