Skip to content
A pizza ordering page created with multiple JavaScript MV* frameworks
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.settings
assets-src
assets
projects finished reactjs project Apr 26, 2016
typings
.babelrc project and solution updates Apr 24, 2016
.gitignore
LICENSE.md added license.md Jul 12, 2015
README.md
index.html
jsconfig.json
package.json
server.js added basic static file server Jul 5, 2015

README.md

Model View Pizza

A practical application of JavaScript MV* Frameworks... with pizza

Demo Website    My Blog

About this Project

This project came from a desire to learn and evaluate each Model-View-* JavaScript framework. I started to write my own and decided that I should at least learn 10 of them before I do something so drastic. To properly evaluate a framework, I needed something that was simple enough to understand within a few minutes of reading it, but that was complex enough to discover pain points during development.

The idea for creating a pizza customization came from thinking about all of this and then noticing that pizza screens are complex enough to do this while ordering a pizza. I hope that anyone who comes here can benefit from the work I am putting into it.

Projects

folder description
/assets shared resources (images, config, etc.)
/assets-src source files for assets (.less, .ai, .psd)
/projects framework specific code
/projects/angularjs AngularJS 1
/projects/kendoui KendoUI
/projects/knockoutjs KnockoutJS
/projects/ractivejs RactiveJS
/projects/reactjs ReactJS
/projects/vuejs VueJS

How to Run/Edit it Locally

If NodeJS is not on your system, download NodeJS and install it.

Download and extract this repository or use git to clone it to a local directory.

git clone https://github.com/notoriousb1t/modelviewpizza.git

Change to the /modelviewpizza directory.
Use the following command to recompile the assets if needed

npm start

To run the code in node (and see it at http://localhost:3001), run the following command:

node server.js

Suggestions/Edits

If you know how the code could better represent the framework or if there is a bug, send me a pull request or if you are feeling particularly lazy, send me a message on Twitter (@notoriousb1t). I welcome your suggestions.

You can’t perform that action at this time.