Coder Social home page Coder Social logo

Ali Turşucular's Projects

alitursucular.github.io icon 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.

bouncing-ball-with-css-keyframes-demo icon 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)

cloud-remote-and-tv-part2-remote icon 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 icon 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.

color-codes-conversion-website-demo icon 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.

fetching-api-data-with-reactjs-demo icon 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.

names-list-with-react-and-typescript-demo icon 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 icon 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.

reactjs-toggle-button-with-states-demo icon 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.

simple-jquery-stopwatch-demo icon 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.

spotify-playlists-quiz-with-react-demo icon 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.

using-react-with-bootstrap-demo icon 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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.