These repository has code snippets for some of the basic Vanilla JS projects I've worked on to improve my understanding of JavaScript(ES6).
The Projects I have done in the repositories are listed below with their images attached.
Simple client side form validation. Check requird, length, email and password match
- Create form UI
- Show error messages under specific inputs
- checkRequired() to accept array of inputs
- checkLength() to check min and max length
- checkEmail() to validate email with regex
- checkPasswordsMatch() to match confirm password
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
- User can select a movie/price
- User can select/deselect seats
- User can not select occupied seats
- Number of seats and price will update
- Save seats, movie and price to local storage so that UI is still populated on refresh
Custom video player using the HTML5 video element and it's JavaScript API with a custom design
- Display custom video player styled with CSS
- Play/pause
- Stop
- Video progress bar
- Set progress bar time
- Display time in mins and seconds
Select countries to get the exchange rate for a specific amount
- Display UI with 2 select lists for countries and 2 inputs for amounts
- Fetch exchange rates from API (https://api.exchangerate-api.com)
- Display the values for both countries
- Update values on amount change
- Swap country rates
Select a letter to figure out a hidden word in a set amount of chances
- Display hangman pole and figure using SVG
- Generate a random word
- Display word in UI with correct letters
- Display wrong letters
- Show notification when select a letter twice
- Show popup on win or lose
- Play again button to reset game
Text to Voice | A Mini Assistant
- This web-app was made in Glitch
- Current Version 1.0.1
- Frameworks and Libraries used ?
None - Purely based on HTML,CSS and Javascript.
- Made use of the Web Speech API
Click Show in the header to see your app live. Updates to your code will instantly deploy and update live.
Glitch is the friendly community where you'll build the app of your dreams. Glitch lets you instantly create, remix, edit, and host an app, bot or site, and you can invite collaborators or helpers to simultaneously edit code with you.
Find out more about Glitch.
That's this file, where you can tell people what your cool website does and how you built it.
Where you'll write the content of your website.
CSS files add styling rules to your content.
If you're feeling fancy you can add interactivity to your site with JavaScript.
Drag in assets, like images or music, to add them to your project
Made by Glitch
\ ゜ o ゜)ノ