Git Product home page Git Product logo

Hi there! A Full Stack Web Developer with +10 years in Tech 🐝

typescript | react | nextjs | javascript | nodejs | sass/scss | ruby on rails | html5 | css3 | Ruby on Rails | Ruby | SQL

Yoko Saka, Frontend Developer

I am passionate about crafting user-centric interfaces that leverage the power of cutting-edge technologies to deliver seamless digital experiences!

πŸŽ₯ If you are a movie lover, check my latest personal project Moviees working lively! This was built with Next.js and Supabase. You can search, filter, collect, and share your favorite films on it. It is a private project, so visit my portfolio website for an overview.

πŸ“« Feel free to get in touch with me via LinkedIn, or visit my portfolio

github | LinkedIn @yokosaka | yocosaka Portflio

Yoko Saka 's Projects

blog-app icon blog-app

This project is based on the Odin Project Blog App. In this project, we create a blog application with Ruby on Rails following the Jumpstart Lab’s Blogger Tutorial.

bubble_sort icon bubble_sort

In this project, we built a method #bubble_sort that takes an array and returns a sorted array without using #sort method. Also, we created a method #bubble_sort_by which sorts an array by accepting a block using yield.

building-with-responsive-design icon building-with-responsive-design

This project clones The Next Web, a tech-focused magazine which uses media queries to gracefully degrade their site as the window size is reduced.

chatapp-api-with-rails icon chatapp-api-with-rails

This API was built with Ruby on Rails for use on Real-Time Chat App. It uses Postgresql as the database. This is our dream team's first project!

enumerables icon enumerables

This project is based on the Odin Project of Enumerable methods. We created our own methods on to the existing Enumerable module without using original methods and with yield statement or #call method.

football-stats-with-typescript icon football-stats-with-typescript

I built this project that load and parse different type of data such as CSV, analyze and report in the other way. It consists of compositions including Analyzers, reportTargets, and Summary classes. I used enums to handle the Home/Away/Draw column of the data, created interfaces to implement them in each class instance object, and created turple data types to take the type of array elements. Instead of using inheritance, I used composition architecture so that it has scalability and flexibility.

framework-with-typescript icon framework-with-typescript

I built this project to develop a framework based on the concept of composition structures and inheritance.

glab-fruits icon glab-fruits

I built a platform game, Grab Fruits!, with Phaser library. A player is expected to collect as many fruits as possible without touching spiders.

googlemaps-typescript icon googlemaps-typescript

I built this simple application that displays user and company locations using GoogleMap JavaScript API and TypeScript

library icon library

Library developed in Javascript where you can add new books, remove the books created and change the status of the book, from reading to not reading.

live-chat-built-with-vue icon live-chat-built-with-vue

Developed a live chat app with VueJS, Firebase Firestore, and Firebase Auth. After registering your name, email, and password, you can chat live with other users. Your authentication is handled by Firebase Auth securely.

moomin-blog icon moomin-blog

This project is created for the purpose of my own learning how to build Rails App.

movisearch icon movisearch

Movisearch was built based on the idea of a "Catalogue of Recipes" which is a single-page application with React and Redux, showing a browsable list of movies that users can filter and access to the details of each movie.

mv-forms icon mv-forms

This project is based on the Odin Project Forms. In this project, we built some forms both using nearly-pure HTML and then graduating to using the helper methods that Rails provides.

my-calc-app icon my-calc-app

This project is based on the React Project - Calculator at Microverse.

my-first-rails-app icon my-first-rails-app

This project is based on the Odin Project to be build for the purpose of my own learning about how to build a Rails Application quickly, and how to deploy on Heroku.

my-library icon my-library

This project is based on the Odin Project for the purpose of my own learning JavaScript. I created a Book constructor function and add other functions. Also, I used local storage to save books' data and get saved data from it.

my-members icon my-members

This project is based on The Odin Project: Authentication. I built an exclusive clubhouse where the members can write embarrassing posts about non-members. Inside the clubhouse, members can see who the author of a post is but, outside, they can only see the story and wonder who wrote it.

my-restaurant icon my-restaurant

I built a simple webpage for "Sushi Taro" which is a fictitious sushi restaurant. In this project, we are supposed to add Tab and most DOM elements with JavaScript so I followed it.

my-todos icon my-todos

This app allows you to manage your daily tasks with your local storage in your browser. You can create new projects, and create todos by setting title, description, due date, and priority. This app is using the local storage in your browser

my-twitter-bot icon my-twitter-bot

This project is for building my own Twitter bot that publishes different famous quotes with a random emoji on Twitter feed every hour. It's built with a Twitter gem. This application can be run on your local PC, and also you can deploy it with Heroku.

new-weather-app icon new-weather-app

This project uses Weather API to take and show weather information based on the location data taking from MapBox API. Enjoy the background image, which is provided by Pexels API and is changed randomly corresponding to the weather of the location you've searched.

newsweek-clone icon newsweek-clone

This project is about building a news week home page clone. We have used bootstrap 4 while building this website to make responsive and used some of custom styling per our need.

online-shop icon online-shop

This project is based on an online shop for electronics. Instead of that content, I built an online shop for kids' toys with 2 pages, the main page, and the search results page.

personal-library-with-rails icon personal-library-with-rails

This project (Personal Library) was built with Ruby on Rails that allows a user to log in and upload an image that gets automatically tagged using an external image API service called Clarifai.

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.