Coder Social home page Coder Social logo

sql-recipe-box's Introduction

Recipe Box

In this project, you will build the Data Access Layer to power a Web application. This means that you will provide all of the SQL that it takes to get data into and from the database. You will do this in SQL files that the application will load and read.

Note: This is not a good way to create a database-backed application. This project is structured this way so that it isolates the activity of SQL writing. Do not use this project as a template for your future projects.

The data model analysis

What goes into a recipe box? Why, recipes, of course! Here's an example recipe card.

Recipe card

You can see that a recipe is made up of three basic parts:

  • A title,
  • A list of ingredients, and
  • A list of instructions.

You're going to add a little more to that, too. It will also have

  • The date/time that it was entered into the recipe box, and
  • The date/time it was last updated in the recipe box.

These are good pieces of data to have so that you can show them "most recent" for example.

Ingredients themselves are complex data types and need their own structure. They "belong" to a recipe. That means they'll need to reference that recipe. That means an ingredient is made up of:

  • An amount (optional),
  • A unit of measure (optional),
  • The actual food stuff, and
  • The id of the recipe that it belongs to.

That unit of measure is a good candidate for normalization, don't you think? It's a predefined list of options that should not change and that you don't want people just typing whatever they want in there, not if you want to maintain data integrity. Otherwise, you'll end up with "C", "c", "cup", "CUP", "Cup", and all the other permutations, each of which is a distinct value but means the same thing.

Instructions are also complex objects, but not by looking at them. Initially, one might only see text that comprises an instruction. But, very importantly, instructions have order. They also belong to the recipe. With that in mind, an instruction is made up of:

  • The text of the instruction,
  • The order that it appears in the recipe, and
  • The id of the recipe that it belongs to.

That is enough to make a good model for the recipe box.

recipe box data model

Getting started

You'll do all of your work in the data-access-layer directory. In there, you will find a series of SQL files. In each, you will find instructions of what to do to make the user interface to work. They are numbered in an implied order for you to complete them. The only real requirement is that you finish the SQL for the 00a-schema.sql and 00b-seed.sql files first. That way, as you make your way through the rest of the SQL files, the tables and some of the data will already exist for you. You can run the command npm run seed to run both of those files or pipe each it into psql as you've been doing.

Either way that you decide to seed the database, you'll need to stop your server. The seed won't correctly run while the application maintains a connection to the application database. You may also need to exit all of the active psql instances that you have running to close out all of the active connections. When you run the seed, if it reports that it can't do something because of active connections, look for a running instance of the server, Postbird, or psql with that connection.

Warning: running the seed files will destroy all data that you have in the database.

Your SQL

When you write the SQL, they will mostly be parameterized queries. The first couple of files will show you how it needs to be done, where you will place the parameter placeholders "$1", "$2", and so on. If you need to, refer to the Parameterized query section of the documentation for node-postgres.

In each of the following files in the data-access-layer, you will find one or more lines with the content -- YOUR CODE HERE. It is your job to write the SQL statement described in the block above that code. Each file is named with the intent of the SQL that it should contain.

The application

The application is a standard express.js application using the pug library to generate the HTML and the node-postgres library to connect to the database.

It reads your SQL files whenever it wants to make a database call. If your file throws an error, then the UI handles it by telling you what needs to be fixed so that the UI will work. The application will also output error messages for missing functionality.

The SQL files contain a description of what the content is and where it's used in the application. Tying those together, you'll know you're done when you have all of the SQL files containing queries and there are no errors in the UI or console.

Directions

Fill out the 00a-schema.sql and 00b-seed.sql files first. Then seed the database with command, npm run seed.

Home Page

Start the server by running npm run dev. Then go to localhost:3000 you should see the home page with "Latest Recipes". To show the latest recipes properly, complete the 01-get-ten-most-recent-recipes.sql file.

After completing the file, make sure you correctly defined the sql query so that the first recipe listed is the most recently updated recipe.

/recipes/:id

If you click on one of the recipes in the list of recipes on the home page, it will direct you to that recipe's Detail Page. Complete the following files that correspond to this page and make sure to test a file right after you fill out the file by refreshing the page:

  • 02a-get-recipe-by-id.sql
  • 02b-get-ingredients-by-recipe-id.sql
  • 02c-get-instructions-by-recipe-id.sql

Make sure to read the instructions well! In all the above sql queries, the $1 parameter will be the recipe id.

/recipes/new

Click on ADD A RECIPE button on the Navigation Bar to direct you to the New Recipe Form page. Fill out the 03a-insert-new-recipe.sql file so you can create a new recipe.

/recipes/:id/edit

After creating a new recipe, you will be directed to the Recipe Edit page where you can add instructions and ingredients to a recipe. Complete the following files that correspond to this page and make sure to test a file right after you fill out the file:

  • 03b-get-units-of-measure.sql
  • 04-insert-new-ingredient.sql
  • 05-insert-new-instruction.sql
  • 06-delete-recipe.sql

/recipes?term={searchTerm}

Allow users to find recipes by a part of their name using the Search Bar in the Navigation Bar. Complete 07-search-recipes.sql for this feature.

sql-recipe-box's People

Contributors

bartdorsey avatar jb923 avatar joannerd avatar ssoonmi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  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.