watson-project / watson-frontend

The Watson is an open sourced, blog style website with support for text and images. Free from intrusive advertisements and clunky UI's, The Watson is the place where you can shout to the masses and be heard. Keeping the style of open source, every article is able to be viewed, edited, and deleted by any user.

The Watson

The Watson is an open source, blog style website with support for text and images. Free from intrusive advertisements and clunky UI's, The Watson is the place where you can shout to the masses and be heard. Keeping mantra free, every article is able viewable, editable, and removable by all logged in users.

The Watson - Share the Future

https://the-watson.netlify.app/

Scrum manager/project manager

David Gales

Members

Michel Pathinvo, Joey Chang, Landon Spell, David Gales

Installation Instructions:

To Edit:

• Fork repository (optional)
• Clone down repository
• Run "npm -i" to download dependencies
• Checkout 'dev' branch
• Open in code editor

To View:

• (With code installed)
• Run 'npm start'
• Navigate to localhost:3000/ in browser
• :D

User stories

MVP:

• As a user, I want to be able to see the most read articles in the first page of the desktop or mobile version of the application
• As a user, I want to be able to add an article, edit it, and delete it anytime
• As a user, I want to be able to illustrate my post with a photo
• As a user, I want to be able to add a title and my name to my article
• As a user, I want to be able to view an an article when clicked

Stretch Goals:

• As a user, I would like to see a carousel that allows users to view different articles on the homepage
• As a user, I would like to see the time-stamp of an article when it was last updated
• As a user, I would like to see a modal pop-up when I hit the “delete” for an article so I don’t accidentally delete an article without confirmation
• As a user, I would like to search for specific articles

Super Stretch Goals:

• As a user, I want to be able to have my own account to be able to post blogs without having to type my name/info
• As a user, I want to be able to “like” posts and save to a favorites component.
• As a user, I would like to make a comment onto an article
• As a user, I would like to be able to click on an author to see all of their articles

List of models and their properties:

Article Model:

[
  {
    title: String,
    author: String,
    time: new Date(),
    photo_url: String,
    content: String,
  },
]

Wireframes:

Mobile:

Main Page:

Story Feed:

Individual Story:

Add A Story:

Edit A Story:

Desktop:

Main Page:

Story Feed:

Individual Story:

Add A Story:

Edit A Story: