Giter VIP home page Giter VIP logo

cp-takeitorleaveit's Introduction

CP-TakeItOrLeaveIt

Description

An app that prompts users to give their 'takes' or opinions based on pop culture moments from the past, present & any future predictions for upcoming events as well.

Installation Instructions:

  1. Fork and Clone this repository
  2. CD into the CP-TakeItOrLeaveIt directory
  3. Install the needed packages for this project:
  • This creates the django environment pipenv shell
  1. Run python3 manage.py runserver
  2. In your browser of choice type in: 'https://localhost:8000'
  3. Signup to create an account to continue through this application
  4. Enjoy Take It or Leave It

Technologies Used:

  • Python
  • Django w/ Templates
  • HTML
  • CSS
  • Materialize

User Story:

As a 'Public' User:

  • Sign Up
  • Ability to view all 'Takes' posted by other users(INDEX)
  • View specific 'Takes' or posts and view comments left by fellow users(SHOW)

As a 'Signed In' User

  • Log in
  • Create an Event which requires:
    1. An Image
    2. Title of moment
    3. Brief description of the moment
  • Create 'Takes' or posts which requires:
    1. An opinion text on said 'Event'
  • Leave a like or dislike on a 'take' or post(V2)
  • Create comments on other users 'takes' or posts
  • Edit a specific post made
  • Delete a specific post made
  • Sign Out

CRUD Functionality

Routes for: Events, Takes, & Comments

VERB PATTERN ACTION DESCRIPTION MODEL
GET /events Index All Events Events
GET events/int:event_id/ Show Detailed Events Page Events
POST /events/create Create Creates User Events Events
PUT events/int:pk/update/ Update Updates User Events Events
DELETE events/int:pk/delete/ Delete Deletes a User's specific events Events
----------- ----------- ----------- ----------- -----------
GET events/int:event_id/takes/ Index Shows all users takes associated with corresponding events Takes
GET takes/int:take_id/ Show Shows User's takes they've created/Comments creation form Takes, Comments
POST events/int:event_id/takes/create Create Creates user's take entry Takes
GET takes/int:pk/update/ Edit Edit your specific take entry Takes
DELETE takes/int:pk/delete Delete Deletes the users selected take entry Takes
----------- ----------- ----------- ----------- -----------
POST takes/int:take_id/comments/ Show Shows comments users created for specific take Comments

ERD with Wireframes

  • ERD alt text

  • Home PAGE alt text

  • Takes (SHOW) alt text

  • SIGN-IN/OUT alt text alt text

  • Profile alt text

cp-takeitorleaveit's People

Contributors

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