Giter Site home page Giter Site logo

coolflame87 / roastandbrew Goto Github PK

View Code? Open in Web Editor NEW

This project forked from serversideup/roastandbrew

0.0 2.0 0.0 3.8 MB

Helping the coffee enthusiast find their next cup of coffee. Also, helping aspiring web and mobile app developers build a single page app and converting it to a mobile hybrid. All tutorials can be found at https://serversideup.net

Home Page: http://roastandbrew.coffee/

PHP 51.74% JavaScript 10.29% Vue 36.56% CSS 0.72% HTML 0.68%

roastandbrew's Introduction

What Is Roast And Brew?

Roast and Brew is an open source application that helps coffee enthusiasts find their next cup of coffee. It is also a learning tool. Every new feature of this application has a tutorial about how to create it. The tutorials can be found at Server Side Up. Feel free to contribute ideas, styles, needs, and thoughts at any time. This application should be built by the community and serve as an example learning tool for how to build single page applications.

Technologies Used

  • Laravel 5.4
  • VueJS
  • Vue Router
  • Vuex

Tutorial Links

  1. New Series: Building a Single Page Application with Laravel and VueJS
  2. Installing and Configuring Laravel For a Single Page Application
  3. Installing And Configuring Laravel Socialite
  4. Installing And Configuring Laravel Passport
  5. Configuring JS and SASS for a Single Page App
  6. Structuring Vue 2, Vue Router, Vuex for a Single Page Application
  7. Configuring Vue Router for a Single Page App
  8. Add Laravel API End Points
  9. Build Out API Requests in Javascript
  10. Build a Vuex Module
  11. Using Vuex Modules Inside Components
  12. Building A Page Layout For Vue Router
  13. SPA Tutorial Progress Update
  14. Using SASS in Vue Components With Laravel Mix
  15. API Driven Form Submissions With Javascript, Vuex, and Laravel
  16. Validating an API Request With Javascript And Laravel
  17. Geocode An Address With Google Maps
  18. Displaying Resources on a Google Map With Vue JS
  19. Custom Markers on Google Map
  20. Custom Google Maps Info Windows
  21. SPA Tutorial Update 2
  22. Many To Many Relationships With Laravel
  23. Dynamic Forms with VueJS
  24. Eloquent Parent Child Relationship in Laravel
  25. Favoriting or Liking With Laravel and VueJS
  26. Tagging With Laravel
  27. Vue JS Tag input
  28. Implementing the Vue JS Tag Component
  29. SPA Tutorial Update 3
  30. Filtering with VueJS Mixins
  31. Re-using VueJS Mixins and Filtering Google Map Data

roastandbrew's People

Contributors

danpastori avatar jaydrogers avatar

Watchers

James Cloos avatar Cool Flame 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.