srini047 / 30-vanillajs-projects

Contains code for the 30-Days-JS Project that I make to learn and understand JS

30-VanillaJS-Projects

• Keyboard Song
• Clock
• Countdown Clock
• Update CSS Variables
• Form Validator
• Ticket Booking System
• Password Encrypter
• Live Transcripter
• Quiz App
• MP-3 Player
• Buy Smartwatch
• Calculator
• Authentication - Sawo

30-vanillajs-projects's Issues

Calculator

• Having all the basic features as a normal calculator.

Ticket-Booking-System

Display movie choices and seats in a theater to select from in order to purchase tickets

• Display UI with movie select, screen, seats, legend & seat info
• Users can select a movie/price
• Users can select/deselect seats
• Users can not select occupied seats
• The number of seats and price will update
• Save seats, movies, and price to local storage so that UI is still populated on refresh

[Bug] Need to make the app running

Although the code is correct need to make the app run by looking at the code once again and fixing the issue.

Sawo Labs Integration

Use (Sawo)[https://sawolabs.com/] on a static / React component

Clock

Project - 02

Clock

Tech Stack used:

• HTML
• CSS
• JS

Form Validator

Simple client-side form validation. Check required, length, email, and password match

• Create form UI
• Show error messages under specific inputs
• checkRequired() to accept an array of inputs
• checkLength() to check min and max length
• checkEmail() to validate email with regex
• checkPasswordsMatch() to match confirm password

Live Transcripter

Using DEEPGRAM.

Link: https://deepgram.com/

Music Player

• Create beautiful UI to play music stored in the "music folder" using the HTML5 audio API
• Create UI for music player including spinning image and song detail popup
• Add play and pause functionality
• Switch songs
• Progress bar

Update CSS Variables

Update CSS variables everywhere in the code when it's altered.

Buy Smartwatch

• Similar to Amazon preview.
• Added features to the watch.

Password Encrypter

Encrypt and Decrypt Password.