Posts

Showing posts with the label Web Design

Build a weather web application in React JS | React JS beginner Tutorial

Image
  Let's learn more about how all this works by building a weather application using React JS. Installing Node and npm Building a weather web application in React JS, we will have run-time environment called Node. It is mostly used to execute JavaScript code. To download it, go to https://nodejs.org/en/ . You'll also need npm, which is a package manager built on Node. You can use it to install packages for your JavaScript apps. Fortunately it comes with Node, so you don't need to download it manually. Once both of them are finished, open your terminal or command prompt and type node -v. and check npm -v .This checks which version of Node you have. How to Create a React App For creating our react application, just open your project directory and open the terminal and type npx create-react-app <Your app name> in your terminal, or npx create-react-app weather-app for this project. You'll see that the packages are being installed. Once the packages are done, go into ...

Responsive CSS Grid | HTML CSS | Create gallery news feed or anything you want .

Image
In this article, we are creating a fully responsive grid or you can  also  create a gallery or  anything  in  which you want to use the grid so first of all create an  index.html  file in your local directory and  type this text given below in the code snippet image. a fter this, you can create the  index.css  file for styling and type the text as given below in this snippet after that open your index.html by using any browser like chrome, etc. Here's the link below to download the source code file from my git repository. Repo Link:   https://github.com/ShivamNamdeo/Responsive_CSS_Grid Youtube Link:  https://youtu.be/XojJQyhY9UY   Add caption     Index.html     index.css