https://github.com/alitursucular/simple-jquery-stopwatch-demo

I decided to use JavaScript date function at the core of this project. The main logic is; once the start button is pressed, the date value of that moment is stored. Every 10 ms, this stored value is subtracted from the current date value.

Last synced: 15 Apr 2025

https://github.com/alitursucular/filter-and-sort-dynamically-created-table-with-vanilla-javascript-demo

This mini Vanilla JS project is about dynamically creating a table, which is filterable and sortable. We managed to perform these operations by resorting to several amazing JavaScript higher-order functions.

bootstrap4 css-animations filterable html5 sortable vanilla-javascript

Last synced: 15 Apr 2025

https://github.com/alitursucular/alitursucular.github.io

I am a Senior Software Engineer in London, UK. I specialise in JavaScript-centric web development. I am operating under my limited company, Pinecone Software Limited. I provide contract, freelance and project-based web services.

cssmodules html5 nextjs portfolio reactjs website

Last synced: 12 Apr 2025

https://github.com/alitursucular/using-react-with-bootstrap-demo

This project is only about adding Bootstrap to React (integrating Bootstrap with React apps) and creating a basic grid for further projects. I will not be discussing about React basics like i did in my other posts Fetching data from a RESTful API using Fetch API with React and ReactJS Login / Log Out toggle button using states

Last synced: 14 Apr 2025

https://github.com/alitursucular/bouncing-ball-with-css-keyframes-demo

This project simulates a ball falling from a height. In order to make the animation more realistic, I showed the shape change at the moment of impact and the decreasing height due to friction. (Bonus: Impact Effect & Bezier Curves)

Last synced: 27 Mar 2025

https://github.com/alitursucular/color-codes-conversion-website-demo

I love math and I enjoy diving into the logic of things that I use. Color codes are one of them. Every color can be represented by different types and each type has different properties/areas of usage.

Last synced: 27 Mar 2025

https://github.com/alitursucular/install-nvm-nodejs-yarn-via-homebrew-on-m1-apple-silicon-macbook

I have read through numerous blogs to get the setup right and lost a respectable amount of time while doing so. My sole intention is to save you some time while setting up your Apple Silicon MacBook!

apple-silicon dev-setup homebrew-installation m1 npm-installation yarn-installation

Last synced: 14 Apr 2025

https://github.com/alitursucular/reactjs-toggle-button-with-states-demo

React is a modern way of dealing with the view layer by creating reusable UI components. This project is about building a toggle button using states. This is a fairly simple project but, still a good exercise. The collective knowledge of fundamental concepts enables us to deal with complex projects.

create-react-app jsx portfolio react-states reactjs toggle-button

Last synced: 27 Mar 2025

https://github.com/alitursucular/fetching-api-data-with-reactjs-demo

This project simply shows fetching data from a RESTful API (https://exchangeratesapi.io/). Once data is fetched, we filter our results and create a dynamic table element to display.

create-react-app fetch-api jsx portfolio reactjs restful-api

Last synced: 07 Dec 2024

https://github.com/alitursucular/multi-step-form-vite-react-typescript-chakraui

Over-engineered multi-step form built with React, TypeScript, Chakra UI and Vite.

chakraui eslint react typescript vite

Last synced: 27 Mar 2025

https://github.com/alitursucular/spotify-playlists-quiz-with-react-demo

This React app generates a simple quiz based on user's Spotify playlists. It features connecting to Spotify Web API, accessing provided data, extracting useful information from that data and generating multiple choice questions. This app demonstrates an extensive usage of React features. Almost every component in the master branch has explanations and component flow information.

Last synced: 27 Mar 2025

https://github.com/alitursucular/cloud-remote-and-tv-part2-remote

A digital remote controller which performs channel changes. It also displays the current channel number and invalidates the current channel query when a channel update is made.

react react-query storybook styled-components zustand

Last synced: 27 Mar 2025

https://github.com/alitursucular/cloud-remote-and-tv-part3-tv

A single-page app that pretends to be a television. It displays the channel number and name on top of a channel image. It listens to server changes and updates the displayed image if there is a change.

react react-query storybook styled-components zustand

Last synced: 27 Mar 2025

https://github.com/alitursucular/react-mui-redux-user-form-demo

A tiny React, Material UI and Redux app that accepts user input and commits it to a Redux store. React Hook Form & Yup is used to power the form and its validation.

material-ui react react-hook-form redux-store yup yup-validation

Last synced: 27 Mar 2025

https://github.com/alitursucular/serverless-github-repository-fetcher-microservice

Firebase serverless functions & ExpressJS based GitHub repository fetcher for my professional blog alitursucular.github.io

expressjs firebase firestore githubrepos microservice serverless

Last synced: 27 Mar 2025

https://github.com/alitursucular/cloud-remote-and-tv-part1-microservice

Serverless functions with admin privileges interact with Firestore, and return data for the UI. It is powered using Firebase.

expressjs firebase-firestore firebase-functions full-stack microservice nodejs serverless

Last synced: 27 Mar 2025

https://github.com/alitursucular/javascript-word-game-function-constructor

Designing a JavaScript constructor function of a Word Game

Last synced: 20 Feb 2025

https://github.com/alitursucular/names-list-with-react-and-typescript-demo

A basic React - TypeScript app that allows users to add and remove names to and from a list. A user could also randomly pick from the list without picking the same name twice in a row.

react typescript

Last synced: 27 Mar 2025