Ashutosh K Singh Blog

Ashutosh K Singh

Styling a React App with Material UI
2024-01-27Ashutosh K Singh

Styling a React App with Material UI

This guide will discuss the step-by-step process of creating and styling a React app with Material UI. This app will use the character endpoint of the Final Space API, a free RESTful API that provides information about characters, episodes, and locations of the Final Space TV show. This guide assumes you have already know how to install and configure Material UI in a React app. You can read Installing and Using Material UI with React to get started.

How to Build a React Ecommerce App
2021-04-16Ashutosh K Singh

How to Build a React Ecommerce App

In this tutorial, we will build an E-commerce App with React using ButterCMS and Snipcart. We will use Chakra UI, a modular and accessible component library, to style the app. Finally, we will deploy our ecommerce app with Stormkit, powerful infrastructure for deploying modern JavaScript apps.

How to build an ecommerce app  with React
2021-02-18Ashutosh K Singh

How to build an ecommerce app with React

In this article, we will discuss how to build an ecommerce app in React using Airtable, Cloudinary and Snipcart. We will use Airtable to store product data and use Cloudinary's Product Gallery to showcase different product images. In this tutorial, we will build an ecommerce site for a cake shop named Sweet Tooth and use various cakes as products. If you want to jump right into the code, check out the GitHub Repo here.

Installing and Using Chakra UI with React
2020-10-17Ashutosh K Singh

Installing and Using Chakra UI with React

Compared to other React UI libraries like React Bootstrap, Material UI, etc., Chakra UI gives you much more power to style and customize components. If you are a fan of Tailwind CSS, you will love Chakra UI since it follows the same minimalistic and modular approach as Tailwind CSS.