Skip to content

React, JSON, HTML/CSS, and Bootstrap | NSS Front-end capstone project

Notifications You must be signed in to change notification settings

rebekahgrandey/Film-to-Fridge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Film to Fridge

✨ 🚧 ✨ A brand new UI for this project is currently in the works! ✨ 🚧 ✨

Film to Fridge is an app that allows users to make and share recipes from their favorite movies and TV shows. The user can create their own recipe and add it to the JSON database. The user can edit or delete their own recipe. All recipes in the database, viewable by all users, are categorized both alphabetically and by recipe type (food, drink, dessert).

JSON database required prior to running app: https://github.com/rebekahgrandey/film-api

film-user-page film-recipe

Built With

JavaScript React HTML5 CSS3 Bootstrap Figma

Project Planning

Wireframe (Figma)

Film to Fridge Wireframe

ERD (DbDiagram)

Film to Fridge ERD

So, how do I run this app?

It's simple.

  • Press the blue Code button for this repo, select SSH (you can use HTTPS or GitHub CLI as well but this process will differ), and hit the copy button. The URL should look something like git@github.com:YOUR-USERNAME/film-to-fridge.git

  • In your terminal, be sure to 'cd' into the directory in which you'd like this new folder to be located.

  • Once you're there, type git clone followed by the URL you copied in the previous step.

  • Next, be sure to install dependencies:

npm install
  • Boot up a server:
npm run start

You should be able to access the application at http://localhost:3000.

..and you're good to go!

This project is built with React.

About

React, JSON, HTML/CSS, and Bootstrap | NSS Front-end capstone project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published