berniris / dc-pawlitics

DC Fake Mews

DC-Pawlitics

DC Fake Mews https://dcfakemews.herokuapp.com/

User Story

I created an app based off my friend Masha's Instagram account, DC Fake Mews. Masha collects and posts pictures of cats we know and creates political blurbs in the voice of the cat. We want DC Fake Mews to go viral so I am creating a web app version to increase exposure and get non Instagram folks following.

App Flow Description

The user first arrives at a landing page containing login/sign-up links at the top, DC Pawlitics title in the middle and DC Fake Mews as the subtitle.

Underneath are three links to navigate to the CRUD peices:

1. Meet the Cats - takes you to a page which displays all the cats and a link to their indviidual profiles.
2. Kitty Op-Eds - the individual profile pages will contain the picture of the cat side by side with their opinion blurb and the hashtags to describe, and in the future, search for posts.
3. Submit Your Feline - links to a form to submit your cat to be featured on DC Fake Mews.

Coming Soon

Login/sign up link so that only authorized users can create and edit cats. A separate portal for users to submit their cat.

Ideally, I would like the user to be able to register for an account which will assign them a portal where they can add and delete favorite cats to view later. The registration form will require them to select a username and password for return visits.

Technologies:

1. Node
2. Express.js

*Package Modules:

1. PG-Promise - makes creating apps with Node & SQL simpler

2. Morgan - provides us with more useful errors for speedier debugging

3. EJS - templating language for creating markup in express

4. Method Override

5. Body Parser

6. Nodemon

7. PostgreSQL

Install Instructions:

Clone the repo and once in the folder npm i to install dependencies. Run the command npm run dev to

Data Structure

Table 1

Table Name: Affiliation

Data:

• id
• name

Table 2

Table name: Blurbs

Data:

• id
• name
• img_url
• blurb
• hashtags
• cissues
• affiliation_id

Wireframes

Pre-MVP:

Potential Challenges/Roadblocks

1. Time mangement!

I plan to set benchmarks for myself (see Time estimates below) and also follow the practice of starting small, testing it out to see if it works, and then moving on to the next peice. I think this will help me alot with time management because it will decrease my debugging time if I can isolate issues quickly.

2. Fufilling Delete CRUD Requirement.

Ideally I don't want the user to have the ability to delete cat posts just for the sake of fufilling the requirement. Therefore, I need to have a way for them to have an account to save favorite cats which can be deleted after. This gets into authentication which is something I wanted to focus on post-MVP. I might just have to create a way for the user to delete from the database which doesn't really make sense but time might not allow me another choice. :/

Time Estimates - By End of Day:

Thursday

1. Completed pseudo code of all pages.
2. Obtain all pictures for app.
3. Create schema for database and insert all data.
4. Server/database config and basic setup done.
5. Remember to push completed work.

Friday

1. Completed and tested model.
2. Remember to push model.

Saturday

1. Completed Controller
2. Sizeable dent in Router.

Sunday

1. Completed Router by early part of day.
2. Completed 'ejs' files and begin styling latter part of day.

Monday - Hopefully dedicated solely to finishing touches:

1. Push final completed MVP.
2. In the unlikely event I have extra time, create a new branch to implement post MVP features like:

• authorization
• authentication
• user portal creation
• api useage
• jquery effects

dc-pawlitics's Issues

HELP!!!!!!

• I wanted my getAll() function not to result in an error
• I tried to make it happen by console logging my model (summary, link in code to follow)
• I've pushed my current work to GitHub the code I am working on can be found https://github.com/berniris?tab=repositories
• Instead of what I wanted to happen happening, errors happened instead.
  • These are the related error logs: ______
    ReferenceError: data is not defined
    at getAll (/Users/socialimpact4/wdi/unit02/projects/DC-Pawlitics/controllers/cats/catsController.js:6:16)
    at Object. (/Users/socialimpact4/wdi/unit02/projects/DC-Pawlitics/controllers/cats/catsController.js:3:13)
    at Module._compile (module.js:649:30)
    at Object.Module._extensions..js (module.js:660:10)
    at Module.load (module.js:561:32)
    at tryModuleLoad (module.js:501:12)
    at Function.Module._load (module.js:493:3)
    at Function.Module.runMain (module.js:690:10)
    at startup (bootstrap_node.js:194:16)
    at bootstrap_node.js:666:3

(node:76257) UnhandledPromiseRejectionWarning: TypeError: next is not a function
at catsDb.getAllCats.then.catch.err (/Users/socialimpact4/wdi/unit02/projects/DC-Pawlitics/controllers/cats/catsController.js:14:5)
at
at process._tickCallback (internal/process/next_tick.js:118:7)
(node:76257) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:76257) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

@jon zachary

• There is no error but unintended behavior, ______
  (Some issues will have a combination of the above)
• I have tried to trouble shoot my issue by referring to these resources:
  • Provide at least three links to lesson plans, official documentation, or stack overflow answers
  • If you were not able to find relevant resources, include the google searches you tried looking for resources
• Assign your squad leader on the issue