https://github.com/akashkobal/web-development

This repository enables learners to perform front-end full stack development, with emphasis on employability skills. The repository covers key technologies and architectures that enable the learners to design and implement front-end. On successful completion of this repository, the student shall be able to pursue a career in full-stack developement
https://github.com/akashkobal/web-development

akash akash-kobal angularjs api bootstrap css full-stack full-stack-development full-stack-development-project full-stack-web-development full-stack-web-development-project htm javascript nodejs project reactjs typescript web-development web-development-project

Last synced: 2 months ago
JSON representation

This repository enables learners to perform front-end full stack development, with emphasis on employability skills. The repository covers key technologies and architectures that enable the learners to design and implement front-end. On successful completion of this repository, the student shall be able to pursue a career in full-stack developement

• Host: GitHub
• URL: https://github.com/akashkobal/web-development
• Owner: AkashKobal
• License: mit
• Created: 2024-01-22T17:51:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-28T20:49:02.000Z (over 1 year ago)
• Last Synced: 2024-05-29T07:48:56.780Z (over 1 year ago)
• Topics: akash, akash-kobal, angularjs, api, bootstrap, css, full-stack, full-stack-development, full-stack-development-project, full-stack-web-development, full-stack-web-development-project, htm, javascript, nodejs, project, reactjs, typescript, web-development, web-development-project
• Language: HTML
• Homepage: https://theakash.co.in
• Size: 32.8 MB
• Stars: 13
• Watchers: 2
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# Web Development Projects (Beginner to Advance)         

## Check out the live demo: [Click here](https://akashkobal.github.io/web-projects-demo/)      

   

## Calculator _(HTML and CSS)_ 
           

![alt text](https://github.com/AkashKobal/web-development/blob/main/1.%20Calculator/calculator%20output.png)                

               

## Random Password Generator _(HTML, CSS, and Js)_ 
              

![alt text](https://github.com/AkashKobal/web-development/blob/main/2.%20Random%20Password%20Generator/random%20password%20generator%20output.png)            

     

## BMI Calculator  _(HTML, CSS, and Js)_ 
          

![alt text](https://github.com/AkashKobal/web-development/blob/main/3.%20Body%20Mass%20Index%20Calculator/bmi%20calculator%20output.png)         

      

## Account Registration Form  _(HTML, CSS, and Js)_ 
     

![alt text](https://github.com/AkashKobal/web-development/blob/main/4.%20Account%20Registration%20Form/account%20registration%20form%20output.png)      

   

## QR Code Generator  _(HTML, CSS, and Js)_ 
   

![alt text](https://github.com/AkashKobal/web-development/blob/main/5.%20QR%20Code%20Generator/qr%20code%20generator.png) 

 

## Login page  _(HTML, CSS, and Js)_ 
  

![alt text](https://github.com/AkashKobal/web-development/blob/main/6.%20Login%20Page/login%20page%20output.png)

## Quote Generator _(HTML, CSS, and Js)_ 


**New Quote**

![alt text](https://github.com/AkashKobal/web-development/blob/main/7.%20Quotes%20Generator/new%20quote%20output.png)

**Share** 

![alt text](https://github.com/AkashKobal/web-development/blob/main/7.%20Quotes%20Generator/share%20output.png)

## Google Search Engine Clone _(HTML, CSS, and Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/8.%20Google%20Search%20Engine%20Clone/output.png)

## Light and Dark Mode _(HTML, Css, and Js)_

**Light Mode**

![alt text](https://github.com/AkashKobal/web-development/blob/main/9.%20Light%20and%20Dark%20Mode/output%20lightmode.png)

**Dark Mode**

![alt text](https://github.com/AkashKobal/web-development/blob/main/9.%20Light%20and%20Dark%20Mode/output%20darkmode.png)

## Stopwatch _(HTML, CSS, and Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/10.%20Stopwatch/output.png)

## Toast Notifications  _(HTML, CSS, and Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/11.%20Toast%20Notification/output.png)

## Email Subscription _(HTML, CSS, and Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/12.%20Email%20Subscription/output.png)

## To-Do List _(HTML, CSS, and Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/13.%20To%20Do%20List/output.png)

## Age calculator _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/14.%20Age%20Calculator/output.png)

## Form validation _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/15.%20Form%20Validation/output.png)

## Form validation 2 _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/16.%20Form%20Validation%202/Screenshot%20(327).png)

## Image Gallery _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/17.%20Image%20Gallery/Screenshot%20(325).png)

## Note App _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/18.%20Create%20Notes/Screenshot%20(329).png)

## Image Search Engine  _(HTML, CSS, Js)_

![image](https://github.com/soumya-rayast/web-development/assets/113257526/802d495d-712d-4e11-8065-80642ed418fe)

## Mini Calendar _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/19.%20Mini%20Calendar/Screenshot%20(337).png)

## Text to voice converter _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/20.%20Text%20to%20Voice%20Converter/Screenshot%20(338).png)

## Random Joke Generator _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/21.%20Random%20Jocke%20Generator/Screenshot%20(339).png)

## Random User Avatar Generator _(HTML, CSS, JS)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/22.%20Random%20User%20Avatar%20Generator/Screenshot%20(340).png)

## Countdown Timer _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/23.%20Countdown%20Timer/Screenshot%20(342).png)

## Memes App _(HTML, CSS, Js)_

![alt texxt](https://github.com/AkashKobal/web-development/blob/main/24.%20Memes%20App/Screenshot%20(343).png)

## Logiworks Instack Clone _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/25.%20Logiworks%20Instack%20Clone/Screenshot%20(346).png)

## Diece challenge _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/26.%20Diece%20challenge/Screenshot%20(350).png)

## Drum kit _(HTML, CSS, Js)_

![alt text](https://github.com/AkashKobal/web-development/blob/main/27.%20Drum%20kit/Screenshot%20(351).png)

## Github Profile App _(HTML,CSS,Js)_

![Image](https://github.com/AkashKobal/web-development/blob/main/29.%20Github%20Profile%20App/Screenshot%20(354).png)