Giter Club home page Giter Club logo

sumo-example's Introduction

Full-stack Sumo Example

We're going to build an example full-stack CRUD application using HTML5, ES6, node, express, knex, postgres, and hosting on heroku.

The application will stay simple, to demonstrate a minimum viable application. We'll be using Skeleton for a CSS framework because it's light and pleasant. We'll be using sumo wrestlers and sumo wrestling matches for our data. You'll build a web application that allows you to:

  • Create a new wrestler
  • Create a new match with existing wrestlers
  • Display a list of wrestlers or matches
  • Modify or edit wrestlers and matches
  • Delete or remove wrestlers and matches

These are the basic CRUD actions (Create, Read, Update, Destroy), which will be implemented through RESTful routes in your express application using the appropriate methods and resources.

User Stories and Specifications

These are the things that we would like the application to do.

  • As a user, I need to be able to identify the application (styling/logo)
  • As a user, I need to be able to see a list all of the wrestlers
  • As a user, I need to be able to see a list of all the matches
  • As a user, I need to be able to link to an existing wrestler's info page
  • As a user, I need to be able to link to the info page for a match
  • As a user, I need to be able to create a new wrestler
  • As a user, I need to be able to create a new match using existing wrestlers
  • As a user, I need to be able to edit the information for a wrestler
  • As a user, I need to be able to edit the information for a match
  • As a user, I need to be able to delete a match
  • As a user, I need to be able to delete a wrestler, if they are not associated with a match
  • As a user, I need to be able to use the application from a hosted URL

Sample Data

You should create migrations for your database tables, and seed them with the following data. The data may need some transformation to be represented in a useful way in a relational database table. You can also download the data for the wrestlers and matches as csv files.

Wrestlers

Id Name Weight
1 Akebono Tarō 233
2 Baruto Kaito 183
3 Kaiō Hiroyuki 179
4 Kisenosato Yutaka 178
5 Musashimaru Kōyō 235
6 Takayasu Akira 180

Matches

Date East West Winner
2000-12-17 1 5 East
2001-03-04 3 2 East
2002-09-24 5 6 West
2003-02-27 1 2 East
2003-06-02 5 6 East
2003-10-16 2 3 East
2004-09-20 1 2 West
2005-11-04 3 4 East
2006-09-24 5 6 West
2008-06-04 2 1 East
2009-11-17 1 6 West
2009-12-18 1 2 West
2010-02-13 3 4 East
2010-08-06 6 1 East
2010-09-14 2 6 West
2012-07-30 3 4 East
2013-06-27 2 4 West
2013-07-22 5 1 East
2015-12-02 5 3 East
2016-07-04 2 4 East

sumo-example's People

Contributors

marcmajcher avatar

Stargazers

 avatar

Watchers

 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.