Create a QR Code Scanner or Reader in HTML CSS & JavaScript
In this article, we will see how we can implement a QR Code Scanner with the help of HTML CSS & JavaScript. A QR code scanner will provide the user with two options to scan the QR code either by uploading the image file of the URL to be scanned or by using the camera of your system to scan the QR code and decode it. This application will show you an alert message with the decoded text of the QR code....
read more
Create a new Django project in Pycharm using Pycharm Terminal
PyCharm is one of the most popular Python-IDE developed by JetBrains used for performing scripting in Python language. PyCharm provides many useful features like Code completion and inspection, Debugging process, support for various programming frameworks such as Flask and Django, Package Management, etc. PyCharm provides various tools for productive development mainly in Python....
read more
Creating a Proxy Webserver in Python | Set 2
Prerequisite: Creating a Proxy Webserver in Python – Set1...
read more
CRUD Operations and File Upload using Node.js and MongoDB
Within the computer programming world, CRUD is an elision for the 4 operations Create, Read, Update, and Delete. Create, Read, Update, and Delete (CRUD) are the four basic functions that models should be able to do, at most. In RESTful applications, CRUD often corresponds to the HTTP methods like  POST, PUT, DELETE, and GET respectively. Each database requires some functions to be called so that users can perform some operations. These operations are used by the users to perform certain types of queries on a particular data within the database. The basic of the operation is CRUD operations.  CRUD operations and the File Upload will be done with the help of the Node js framework and its packages along with MongoDB and Postman....
read more
35+ MERN Stack Projects with Source Code [2024]
The MERN stack, comprising MongoDB, Express JS, React, and Node JS, is a powerful combination that enables developers to build full-stack web applications using JavaScript. MongoDB serves as the database, Express.js handles server-side logic, React manages the client-side interface, and Node.js facilitates backend operations....
read more
How to create a Color-Box App using ReactJS?
Basically we want to build an app that shows the number of boxes which has different colors assigned to each of them. Each time the app loads different random colors are assigned. when a user clicks any of the boxes, it changes its color to some different random color that does not equal to its previous color value....
read more
Creating a Simple Image Editor using JavaScript
In this article, we will be creating a Simple Image Editor that can be used to adjust the image values like brightness, contrast, hue, saturation, grayscale, and sepia. Image editors allow one to quickly edit pictures after they have been captured for enhancing them or completely changing their look. Using a combination of various values, one can give an image a completely new look. We will be doing all this in-browser using only HTML, CSS, JavaScript, and the Canvas API making the application lightweight and fast....
read more
Price Range Slider with Min-Max Input using HTML CSS and JavaScript
In this article, we are going to implement Price Range Slider using HTML, CSS, & JavaScript. Here, The user can move the meter on a price range slider to choose the suitable price range. To choose the right price range, the user can use a slider or input the minimum and maximum price values. We will be using HTML to structure our project, CSS for designing purposes and JavaScript will be used to provide the required functionality....
read more
Star Rating using HTML CSS and JavaScript
Star rating is a way to give a rating to the content to show its quality or performance in different fields. This article will demonstrate how to create a star rating project using JavaScript....
read more
Dice Rolling App using ReactJS
In this article, we will create a Dice rolling application that rolls two dice and displays a random number between 1 and 6. As we click the button both dices shake and generate a new number that shows on the upper face of the dice (in dotted form as a standard dice). The numbers shown on the upper face generates randomly each time we roll the dice....
read more
Slide Down a Navigation Bar on Scroll using HTML, CSS and JavaScript
...
read more
Create a Form using React JS
Creating a From in React includes the use of JSX elements. We will be using a functional component to render the elements. Various HTML elements are created in the project. To implement the project we will create the styling using CSS....
read more