yoko-vicky

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.

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.

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.

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.

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

MyFavoriteMovies

Experience a full-stack application developed with Next.js, Prisma, and Supabase. This versatile platform allows users to collect and share movie reviews seamlessly.

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

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

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.

Tracking-App-with-React-Redux

This web application was built with React and Redux as the final project at Microverse. In this app, you can manage database resources in API including add, edit, and remove records that you want to track. For example, you can track your daily progress in learning English. I also built REST API with Ruby on Rails as the back-end for this application at the same time. Please check the API along with this Front-end App.

yoko-vicky/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.

yoko-vicky/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.

yoko-vicky/Tracking-App-with-React-Redux

This web application was built with React and Redux as the final project at Microverse. In this app, you can manage database resources in API including add, edit, and remove records that you want to track. For example, you can track your daily progress in learning English. I also built REST API with Ruby on Rails as the back-end for this application at the same time. Please check the API along with this Front-end App.

yoko-vicky/Tracking-App-Api-with-Rails

This REST API was built with Ruby on Rails, and Postgres for the databases as the final project at Microverse. With this API, records (measurements) and items (things to measure) can be added, edited, and removed manually interacting with the database in the front-end application.

yoko-vicky/yoko-vicky

This is a file to display my public Github profile.

yoko-vicky/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!

yoko-vicky/Reaction-Timer

Reaction Timer Mini Game with Vue.js using Vue hooks, components, props, and custom events to emit it in the child components. It is written based on the options API.

yoko-vicky/ice-cream-truck

The Ice Cream Truck Rest API built with Ruby on Rails

yoko-vicky/react-suggest-field

NPM package to help you develop an auto-complete suggest field quickly!

yoko-vicky/Framework-with-TypeScript

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

yoko-vicky/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.

yoko-vicky/project-planner-vue

Simple Project Planner Application built with Vue3 using Vue hooks, Vue Router, fetching Data in options API

yoko-vicky/REST-API

yoko-vicky/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.

yoko-vicky/GoogleMaps-TypeScript

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

yoko-vicky/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.

yoko-vicky/Text-To-Speech-With-Highlight

Text-To-Speech App

yoko-vicky/vue-lesson

This repository is created for learning fundamental Vue & Vue3 features including Vue Router, Vue CLI, Options API, Composition API, Teleport etc. Along with learning the fetures, I also created several full projects including a reaction timer, project tracker, a real-time chatroom & a music playlist website and update them aside from this repository.

yoko-vicky/dynamic-sitemap-with-next

This is an example of adding sitemap to next.js app router project.

yoko-vicky/first-contributions

🚀✨ Help beginners to contribute to open source projects

yoko-vicky/Food-Order-App

yoko-vicky/jbook

yoko-vicky/redux-ts

yoko-vicky/Responsive-React-UI-mockup-with-Mui

Responsive UI mockup of React social media app built with React & Mui

yoko-vicky/Sorting-with-TypeScript

I built this simple project that sorts the three different types of objects: arrays, strings, linked lists using the Bubble Sort Algorithm in abstract class Sorter.

yoko-vicky/Twitter-redesign

A Twitter-like web app for opinion sharing of signed-up users. The app lets users post their opinions and follow other users. It is deployed on Heroku. Built with Ruby, Rails, CSS.

yoko-vicky/Vue-Blog

Small blog single page app built with Vue3 using Vue CLI, Vue composition API, Vue Router, etc

yoko-vicky/MyFavoriteMovies

Experience a full-stack application developed with Next.js, Prisma, and Supabase. This versatile platform allows users to collect and share movie reviews seamlessly.

yoko-vicky/portfolios-app

yoko-vicky/vue3-lesson

This repository is created for my own reviewing of Vue and Firebase