Skip to content

SakoPak/Ghibli-Flix-Express

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ghibli Flix

Introduction

Ghibli Flix is a place to find all your favorite Ghibli films! You can browse the Ghibli film library, read a summary and learn more about your favorite Ghibli films.

Logging in Online

To log in to the live site, click here!

Installation

Before you can run the app with nodemon server.js, install the dependencies: Node.js and npm on your computer.

Documentation on downloading and installing Node.js and npm. To begin, navigate on the project directory (after you have downloaded or cloned this repository) and run:

npm install
  • Then, while in the project directory, you can run:
nodemon server.js
  • Nodemon is a tool that helps develop Node.js based apps by automatically restarting and developing when any changes are detected.
  • To use, simply replace the word node on the command line when running your script.
  • To install: npm install -g nodemon

A Preview of Ghibli Flix

GhibliScreenShot1

GhibliScreenShot2

GhibliScreenShot3

User Stories

  • User will be able to sign up, sign in, sign out and change password.
  • User will create a profile and be able to update and delete it.
  • User will pick a Ghibli movie that they want further information on and view all Ghibli movies.

ERD

My ERD

Authentication

Verb URI Pattern Controller#Action
POST /sign-up users#signup
POST /sign-in users#signin
PATCH /change-password/ users#changepw
DELETE /sign-out/ users#signout

API Routes

User Authorization Routes

HTTP Method URL Path Result Action
POST /sign-up create profile create
POST /sign-in get single profile show or retrieve
DELETE /sign-out delete profile destroy
PATCH /change-password update password update

Profile Routes

HTTP Method URL Path Result Action
GET /profiles read list of profiles index or list
GET /profiles/:id read single profile show or retrieve
POST /profile create profile create
PATCH /profiles/:id update profile update
DELETE /profiles/:id delete profile destroy

Film Routes

HTTP Method URL Path Result Action
GET /films see list of films index or list
GET /film/:id view a film create

Technologies Used

Libraries Languages Frameworks Database Version Control API
React.js HTML Express MongoDB GitHub Ghibli Studio API
Axios Javascript BootStrap
Mongoose CSS

Links to Deployed Sites:

Stretch Goals

  • User can pick movies to place on their watchlist.
  • User will be able to edit, delete and update their watchlist.
  • User can further personalize their dashboard.

Image Credit

About Me

Hi, I'm Sako Pak, a former photographer turned software engineer. I love the intersection of where art and tech collide and am currently studying full time at General Assembly's Software Engineering Immersive, learning how to build beautiful experiences and powerful programs through the magic of a machine.

Thank you for looking at my work!

Find me at:

Contact: sako.taya@gmail.com

About

Ghibli Flix (Back End) is an app where you can view all of Ghibli Studio's movies

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors