Posts

Showing posts from September, 2020

My React Journey : Airbnb Clone using React

Image
Airbnb Clone Airbnb is an  American vacation rental online marketplace. It is one of the popular websites that is designed using React. Since I am a front end developer I started this project using React. I followed the tutorial of the Clever Programmer. I had a basic knowledge of React so, I enjoyed the tutorial.  In that tutorial I got to learn the following concepts regarding React Js : Material UI React Hooks React Router Firebase Hosting Flexbox Grow/Shrink Animation CSS Date Picker I will be giving basic concepts about the above mentioned points and how those are used in building Airbnb Clone. So let's get started! Before starting our journey, let's have look at a few snapshots of the project.     You can also check the project at  https://airbnb-clone-d5975.web.app/   live. MATERIAL UI Material UI is one of the most popular React UI framework. It is available as npm package. Material-UI provides icons support in three ways: Standardized  Materia...

Episode 1: Creating the First React App

Image
INTRODUCTION A javascript Front-end library for building User Interface. Everything in React is a component,i.e every part of a web app or website is a component, all are made separately and finally fitted into a parent component which is then rendered. Popular websites that are based on React include Facebook, Instagram, Netflix, Uber, Airbnb, Reddit, and many more.  Starting with React from scratch might sound difficult at first. All we need is a basic knowledge of HTML, CSS, and JS. In this tutorial, we will cover the latest concepts like functional components, React Hooks, REDUX, and many more. So, let’s get started by building our first React Project! SYSTEM SETUP Before jumping into React we first need to check whether the basic system setup is available. Firstly we need to install Node.js and NPM i.e Node.js package manager. So, make sure you have Node.js installed on our system. You can check the Node.js website at https://nodejs.org and download the installer. Basically,...