| # | Project | Live Demo | Details |
|---|---|---|---|
| 01 | Counter | Live Demo | More |
| 02 | DadJokes | Live Demo | More |
| 03 | Form Validation | Live Demo | More |
| 04 | Random User | Live Demo | More |
| 05 | Morse Code Translator | Live Demo | More |
| 06 | Basic Calculator | Live Demo | More |
| 07 | Normal Calculator | Live Demo | More |
| 08 | Scientific Calculator | Live Demo | More |
| 09 | Simple Todo App | Live Demo | More |
| 10 | Profile Form & Card | Live Demo | More |
| 11 | PC Component Filtering | Live Demo | More |
| 12 | Weather App | Live Demo | More |
| 13 | Testimonial Slider | Live Demo | More |
| 14 | Animation on Scroll | Live Demo | More |
| 15 | Search Field Reveal | Live Demo | More |
| 16 | Question List & Progress | Live Demo | More |
| 17 | Kinetic CSS Loader | Live Demo | More |
- A simple counter project with reset counter functionality.
- Getting random dad jokes by calling an api in asynchronous manner.
- Client side form validation using JavaScript. In addition, it has a success registration message and preview submitted form(readonly).
- This is a random user generator web app. In this project I used API to generate random user info. Every time you reload page/click generate btn, you'll see a new user.
- It's easy to use Morse Code Translator, translate Morse code to text, and text to Morse code.
- JavaScript Basic Calculator
- JavaScript Normal Calculator
- JavaScript Scientific Calculator
- It's a kinda TODO site where anyone can add todo, complete, and delete them. I've worked with the date object too in this project.
- This is a dynamic form with profile card using JavaScript. Also one profile can be deleted.
- It is a filtering web app using JavaScript. There are some computer parts which user can filter and know about specific part of a computer like input devices, output devices etc.
- It is a weather web app where user can see current weather by searching city name. I used an API for weather and developed in JavaScript.
- Created this testimonials section of a website using JavaScript and it was really fun coding this project.
- I use the scroll event in this project. Basically when you scroll down new content will show up with animation.
- A simple implementation of classList toggle method. Also, css transition and transform property were utilized for animation.
- This javascript project utilizes common use cases of DOM APIs like selecting elements, creating element, and updating the ui.
- Small loader project with CSS animation