Discover yoko-vicky/jbook Open Source project

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-Todos

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.

online-shop

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.

Movisearch

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.

Tracking-App-with-React-Redux

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.

newsweek-clone

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-Restaurant

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.

enumerables

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.

building-with-responsive-design

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.

Tracking-App-Api-with-Rails

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.

bubble_sort

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.

Blog-App

This is a file to display my public Github profile.

yoko-vicky

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.

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

moomin-blog

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!

chatapp-api-with-rails

This project is based on the lifestyle articles website. Instead of the Lifestyle topic, I personalized it having the content of pets.

Pets-Magazine

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

My-Calc-App

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-Library

This project is based on the React & Redux Project - Bookstore at Microverse.

BookStore-with-ReactRedux

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.

Reaction-Timer

<on going> This is the app to keep your favorite restaurants' information in boards. It allows you to list, manage, record those restaurants and your review. You can search your restaurants' list by places, tags, and categories.

My-Favorite-Tables

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-First-Rails-App

This project is based on the Odin Project: Rails Associations. Users can log in, create events, invite many attendees, and view previous and upcoming events. We applied style with the Bulma CSS framework.

Private-Events

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

react-suggest-field

The Ice Cream Truck Rest API built with Ruby on Rails

ice-cream-truck

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.

mv-Forms

This project is based on The Odin Project: Databases SQL. I created SQL files for my learning.

SQL-Zoo

REST-API

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

Framework-with-TypeScript

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

project-planner-vue

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.

new-weather-app

SCSS

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.

We cloned single Youtube page for the purpose of our learning. We built with HTML5 and CSS3. Icons are downloaded from Youtube's original page. Fonts are imported from Google Fonts.

youtube

This repo was created for the purpose of testing to add new features for the original project, pets-magazine.

pets-mag-s3

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.

Text-To-Speech-With-Highlight

Text-To-Speech App

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

GoogleMaps-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.

Football-Stats-with-TypeScript

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-members

In this project, I built Twitter Clone following some tutorial videos. I use a lot of gems including devise, gravatar_image_tag, bulma, simple form and others.

Twitter-Clone

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.

Personal-Library-with-Rails

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.

Sorting-with-TypeScript

redux-ts

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

dynamic-sitemap-with-next

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.

Library

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

Vue-Blog

Food-Order-App

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

Responsive-React-UI-mockup-with-Mui

Weather application built with Node.js, Handlebars, Mapbox API, and OpenWeatherMap API. It allows you to know the weather information with the city name you want to check.

weather-app