yoko-vicky/My-First-Rails-App

Stars
4
Rank 3,304,323 (Top 66 %)
Language
Ruby
License
MIT License
Created about 4 years ago
Updated almost 4 years ago

yoko-vicky/My-First-Rails-App

yoko-vicky

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

yoko-vicky

This is a file to display my public Github profile.

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.

moomin-blog

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

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!

Pets-Magazine

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

My-Calc-App

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

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.

BookStore-with-ReactRedux

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

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.

My-Favorite-Tables

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

Private-Events

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.

react-suggest-field

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

ice-cream-truck

The Ice Cream Truck Rest API built with Ruby on Rails

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.

SQL-Zoo

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

REST-API

Framework-with-TypeScript

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

project-planner-vue

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

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.

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.

youtube

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.

pets-mag-s3

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

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

GoogleMaps-TypeScript

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

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.

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.

Twitter-Clone

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.

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.

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.

redux-ts

dynamic-sitemap-with-next

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

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.

Vue-Blog

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

Food-Order-App

jbook

Responsive-React-UI-mockup-with-Mui

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

weather-app

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.