alitursucular
Front End Engineer, product designer, manufacturing enthusiast, skier, and guitarist
London, UK
Pinned Repositories
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.
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.
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.
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.
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.
multi-step-form-vite-react-typescript-chakraui
Over-engineered multi-step form built with React, TypeScript, Chakra UI and Vite.
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-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.
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.
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
alitursucular's Repositories
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.
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.
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.
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
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)
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.
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!
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.
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.
alitursucular/multi-step-form-vite-react-typescript-chakraui
Over-engineered multi-step form built with React, TypeScript, Chakra UI and Vite.
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.
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.
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.
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.
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.
alitursucular/javascript-word-game-function-constructor
Designing a JavaScript constructor function of a Word Game
alitursucular/serverless-github-repository-fetcher-microservice
Firebase serverless functions & ExpressJS based GitHub repository fetcher for my professional blog alitursucular.github.io
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.