Giter Club home page Giter Club logo

koalaholla's Introduction

Table Setup

CREATE TABLE "koala"(
	"id" serial PRIMARY KEY,
	"name" VARCHAR(100),
	"gender" VARCHAR (2),
	"age" INTEGER,
	"readyfortransfer" BOOLEAN,
	"notes" VARCHAR(500)
);

Routers

Router:

  • '/koalas':
    • GET - returns {id (int) ,name (str),gender (str), age(int),readyfortransfer (bool), notes (str)}
    • GET - /:id, returns koala at row id
    • DELETE - /:id, removes koala with row id
    • POST - accepts {name (str),gender (str), age(int),readyForTransfer(bool), notes (str)}
    • PUT - /:id, accepts {name (str),gender (str), age(int),readyForTransfer(bool), notes (str)}, updates koala with row id
    • PUT - '/ready/:id', sets "readyfortransfer" of koala in row id to true

This must stop:

Nevar again

Koala Holla

Our client, Koala Holla (1976 Llama Comma Drive, Walla Walla WA) is a non-profit dedicated to the ethical transitioning of koalas from the outdoors (whereupon they may be rained) to urban areas where roofs exist. Your team has been hired build a web app to handle their terrarium residents.

Technologies

  • JQuery
  • Node
  • Express
  • SQL

Client needs

Koala Holla has provided a TSV (tab separated values) spreadsheet of their current inventory. They want a database table that houses this information and can be viewed at any time. You should add this table to your existing deneb database. After importing the data, create a web app to display the Koalas. Users should be able to add new Koalas to the database through the provided HTML form.

They have also provided their logo and the source code from when Lou (a KH employee) tried to spin up a JEN stack project to support this, but had to leave for foraging school in Finland before he could finally finish. (JEN is short for jQuery, Express & Node).

Hard Mode

  1. Ability for mark Koala ready for transfer. Add a button to each row that reads 'Ready for Transfer'. When the user clicks on the button, it should update the database for the specific Koala. The 'Ready for Transfer' button should only appear for Koalas that haven't yet been marked ready for transfer.

  2. Ability to delete Koalas from the database.

  3. Add some styling with bootstrap.

Pro Mode

  1. Ability to edit information for existing Koalas in the db.
  2. Ability to toggle the display of Koalas ready for transfer.
  3. Add form validation, additional styling and a README.md.

Delivery

Upon completion of the project you'll need to provide not only the source (via GitHub url), but also instructions on how the database table should be set up. This can be in a simple databaseSetup.sql file in the repo.

Sample Output

Your final product may look something like this:

sample

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.