APPLICATION PROJECTS

_Web Development _

CHECK OUT MY EDUCATIONAL ASSIGNMENTS FROM TECHGROUNDS CODING ACADEMY

Showcasing all TechGrounds' web development projects.

Stopwatch - JS
STOPWATCH

Responsive Stopwatch Application built in JavaScript with elegant design. The advanced cosmetic styles makes it attractive and user friendly. The Timer can play, stope and pause by using variables & functions.

Used tools:

  • JavaScript
  • HTML5 / CSS3
Carousel - JS
CAROUSEL

Fully responsive basic image slider (Carousel Component) built in JavaScript with elegant design.

Used tools:

  • JavaScript
  • HTML5 / CSS3
Quiz - Js
QUIZ APP

Responsive very simple Quiz Application built in JavasScript programming language which is over 95% finished product and it uses modern JavaScript syntax (ES6+).

Used tools:

  • JavaScript
  • HTML5 / CSS3
Quiz - Js
eCOMMERCE

Fully responsive and functional eCommerce Application built in ReactJS UI library with very clean, user friendly & elegant design.

Products: Adding product item/s in the basket , removing item/s from the cart either individually or clearing all items at once

User Authentication : Registration, LogIn, LogOut & Password reset functionality included by using Firebase

In progress: Email Subscribtion, Social tools and live search functionalities are in progress which is possible to expand it.

Used tools:

  • ReactJS
  • HTML5 / CSS3/ SASS
  • Firebase
Stopwatch - JS
WEATHER APP

Fully functional responsive Weather Application built in ReactJS by using OpenWeatherApp’s API that fetches data.

Used tools:

  • React JS
  • HTML5 / CSS3
  • Images — Unsplash
  • Icons — Weather Icons 2.0.10
Carousel - JS
Miscellaneous

This is my first introductory ReactJS course assignments from TechGrounds coding academy. I have learned basic and fundamental concepts of State & Props, Functional/Class Components, Hooks, Lifecycle Methods, Fetch API & JSON etc…

Assignments:

  • Components, JSX & React Dom -- Input Change Functional / Class Components
  • List & Keys
  • Side Effects & Lifecycle Methods -- T0Do
  • Random Names