GithubHelp home page GithubHelp logo

naglebagel / projecttwocrud Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 2.0 9.46 MB

Movie and TV Review App. This is the like the wikipedia of movie and tv reviews. Users need to create an account in order to add, update, or delete Movies or TV shows to review.

Home Page: https://movieandtvreviews.herokuapp.com/movie

License: MIT License

JavaScript 21.46% HTML 66.09% CSS 12.46%

projecttwocrud's Introduction

projectTwoCRUD

Hosted App Site: https://movieandtvreviews.herokuapp.com/movie GitHub Link: https://github.com/Naglebagel/projectTwoCRUD

How to Install: If you have locally cloned/downloaded/forked this app, please run npm install to get all the modules.

About: This is Andrew Nagle and Daniel Kim's CRUD App. We created this together.

Wireframe/UserStory:

alt text

If you haven't created an account or haven't logged in, you can still look at all the reviews that other people have created already by navigating to the top of the page. If there is a television show or a movie that you don't see on our review app, you can create an account and log in to create a new thread for that movie or show.

alt text

alt text

alt text

alt text

We added some great features like a star rating and you can also add a youtube clip that has to do with your show or movie. This is a great tool because it can give other viewers a glimpse of what your movie or show could be like. Another great feature we allowed was to allow viewers to modify or edit the details of the movie or the show that may better describe or fit the movie or show.

Technologies: -We used several node.js packages, such as express/bodyparser/videojs/granimjs/method-override/ and others, to create a fullstack web application. To create our style.css page we used gulp, this way all we had to do was update our style.less page and hit save and the new changes would be applied.

-We also utilized a database for the first time as well by using mongoose and MONGODB.

-We both utilized GIT/GITHUB to simulataneously work on this project remotely.

Problems/Improvements: We didn't have any problems, but we did have other improvements we wanted to add.

-We could have made animated transitions to elevate the user experience but we didnt feel that it was necessary for an MVP.

-Another thing we could have added was add micro animations within the pages that could have given the user more interactability and also increase the user experience as well.

-Having a more thoughtout frame is something we could have worked on more but overall to get the server functioning, we believe what we have is fine but not perfect or fully optimized.

-If we were to spend more time, we would like to add a user page that can show all of the users reviews and shows/movies that they have contributed to and maybe a little info about themselves and a messaging function as well.

projecttwocrud's People

Contributors

danielhkim92 avatar naglebagel avatar

Stargazers

 avatar JMV avatar Tom Murphy avatar Collin Cromwell avatar

Watchers

James Cloos avatar

Forkers

danielhkim92

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.