Bikrom Roy's repositories
A-Calculator
In this calculator we will create UI design using HTML and CSS then we will add calculator functionality with the help for simple JavaScript
A-Stopwatch
In this JavaScript stopwatch we will display the timer and there will be 3 buttons to control this stopwatch timer. We can Start, Stop and Reset the timer in this Stopwatch. These functionality will be created using JavaScript and the front end design of this stopwatch is made using HTML and CSS.
AgroDoctor
Organic Food & Farming HTML Template
aora-app
React Native and build your first full-stack mobile app.
Circular-Progress-Bar
make a progress bar, we will add gradient color in this progress bar. We will be using SVG circles to make this animation.
Coming-Soon-Page
create a website coming soon page design or website under maintenance page design using HTML CSS and JavaScript. We will add a time and date countdown using JavaScript that will update every seconds and it will display the days hours minutes and seconds left to launch the website.
Cryptocurrency-Website
On this website we will display the live price of the cryptocurrency with free api, we will display the price of cryptocurrency with the help of JavaScript and jQuery.
Digital-Clock
This JavaScript clock display the time as per Local time zone. We will use HTML and CSS to design this Clock, and for Updating the current time we will use JavaScript Date Object.
Drag_Drop
we will make some list items with HTML element and that can be drag and drop to another block using HTML and CSS. We can drag the HTML element from block 1 to block 2 and block 2 to block 1 with JavaScript. Here we will use JavaScript events called "dragstart", "dragover" and "Drop" events.
Email-Subscription
On this website we will add an Email subscription form or newsletter subscription form also. We will send this HTML form data on Google Sheets so that we can see the email subscribers list on Google Sheets.
Form-Validation
In this contact form we will validate the name, email, phone number and text message field using JavaScript.
Generate-Hexadecimal-Color
Get Hex Code of Background Color change
Hide-And-Show-Password
in this password field we will add an icon to hide and display the password written in the input filed. The icon will be updated too when we click on it. We will make hide / show toggle password using HTML, CSS and JavaScript
Image-Background-Change-Effect
website design where we will add one image, when we will move the cursor over this image, it will display the transparent background image. we will also add a vertical line and an arrow icon that will separate the original image and transparent background image.
Image-Gallery
Create Image Gallery In JavaScript | Horizontal Scrolling with mouse wheel Using JavaScript
Image-Search-Engine
In this JavaScript project we will make an image search engine where we can search for any image by typing name and it will display list of images from stock images website unsplash. Here we are using Unsplash API to make this image search engine with the help of JavaScript.
Product-Page-Design
On this product page design we will display the product image gallery and product description. We will also add option to choose the product variation before buying.
Select-Menu-Design
When I click on this select field, it will open the options and here you can see the icon is rotating. If I click on any option the same text get selected in the select field. If I click on Facebook then Facebook is selected here, if I click on YouTube then YouTube get selected here.
Show-Password-Strength
Create a password input box, and when we will enter anything in the password field then it will display the password strength and it will also change the border color of password field according to the password strength.
Text-To-Voice-Converter
create a Text to speech converter or Text to voice generator app using HTML CSS and JavaScript. We will also add feature to change the voice. We can generate the speech in different voices.
Tic-Tac-Toe
we'll start our React project, a Tic-Tac-Toe game.
Website-DARK-MODE
We will use CSS variables to change theme color from one place. after that we will add JavaScript that will change the theme color by clicking on icon, it will also change the icon from moon icon to the sun icon.