GithubHelp home page GithubHelp logo

merlz6 / lights-camera-drive Goto Github PK

View Code? Open in Web Editor NEW

This project forked from nibblet787/lights-camera-drive

0.0 1.0 0.0 176 KB

Rent a car for film production, using angularJS, nodeJS, expressJS, MONGODB

JavaScript 41.26% CSS 8.82% HTML 49.92%

lights-camera-drive's Introduction

Project 3 - Light Camera Drive

Team Members

  • Rick / Michael / Anitha

SYNOPSIS: An app that helps film producers find specific types of cars for movie shooting. The website is built using the MEAN stack: Mongoose, Express, Angularjs, and Node.js.

Site structure

  • Splash page/ Landing page with a banner.
  • Cars Listing page:
    • Displays all car listings.
    • Each entry has a make, model, year, color, image, contact email, notes and availability.
      • Though, a non-account holder's view is restricted to a car's image, make, model and model year.

Technical details:

  • Main Mongo dB : lights-camera-drive
  • Two separate collections:
    • "cars" for storing all the listings
    • "users" for storing the user login information
  • CSS framework - Skeleton
  • Technology - Angularjs, Node, Mongoose, Express, Html and CSS

CRUD features:

  • An index page that displays the navigation partial and body div where each partial loads.
  • View Partial - displays all car listings
  • Create Partial - user creation/signup form
  • Login Partial - user can login to their account
  • Add Partial - logged-in user can add a new car listing
  • Edit Button - logged-in user can edit an existing listing.
  • Delete Button - logged-in user can delete a listing
  • DEVELOPMENT TOOL: Seed Button - used to seed the listing from a seed model file

Authorization

  • Included sign up/log in functionality for user, with encrypted passwords using bcrypt & an authorization flow

Project Management

  • Tracked via git issues and waffle.io

Technical challenges:

  • Merging each team members work to the dev branch in git without causing major conflicts.
  • Heroku kept crashing as soon as a wrong login credential was entered.
  • Seed button would add listings but would not automatically refresh view page.

Future enhancements

  • Add search, sort, and filter functionality.
  • Functionality to see availability of a car during weekends/weekdays.
  • Add review/likes for a particular car owner.
  • Add second login for film producers. This user can only see contact information of a car listing but cannot add/delete or edit.
  • Once a user selects a listing, they are able to send an email directly to the car owner from the website.

Key Learning:

  • Being able to use secret keyword in .env as well as on the Heroku config page
  • Using partials to be able to give a multipage website feel.

lights-camera-drive's People

Contributors

anithaprince avatar merlz6 avatar nibblet787 avatar

Watchers

 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.