Coder Social home page Coder Social logo

therealjustindude / thankyoufortia Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 136 KB

This is an app for an imaginary food truck. Built using a RailsAPI and a Vanilla JS frontend.

Ruby 68.01% HTML 2.85% JavaScript 18.76% CSS 10.38%
vanilla-js frontend rails-api flatiron-school

thankyoufortia's Introduction

Thank You For Tia

This is an app for an imaginary food truck I always wanted to start. You can see our menu and select items you want to purchase.

The Details:

This app is built using a RailsAPI and a Vanilla JS frontend. The Database used is PostgreSQL and in the seeds.rb file I created the menu items.

Backend: Rails

This back end API is built with Rails. My front end sends fetch requests to the Rails API. The Rails API has three Models: 1)MenuItem 2)MenuSelection 3)Order. The relatioinships are, MenuItem has_many menu_selections, MenuSelection belongs_to order and menu_item, Order has_many menu_selections and has_many menu_items through menu_selections.

Frontend: Vanilla JS

This front end is built with Vanilla JS. My front end makes fetch requests to my Rails API. For example, The Menu displayed on the DOM was fetched from my back end and turned into Javascript objects stored in a Javascript Menu class.

Getting Started:

  • Clone the repository

Set up the back end

  • cd into the backend folder
cd thankyoufortia-backend 
  • Bundle the gems
bundle install
  • create the db
rake db:create
  • Run migrations to build tables
rake db:migrate
  • Seed database
rake db:seed
  • Start up the Rails server
rails s

View the front end

  • Open index.html in your browser

thankyoufortia's People

Contributors

therealjustindude avatar

Watchers

 avatar  avatar

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.