Skip to content

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.

Notifications You must be signed in to change notification settings

watson-project/watson-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

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:

Main Page

Story Feed:

Main Page

Individual Story:

Main Page

Add A Story:

Main Page

Edit A Story:

Main Page

Desktop:

Main Page:

D_Main Page

Story Feed:

D_Story Feed

Individual Story:

D_Story_2

Add A Story:

D_Add A Story

Edit A Story:

D_Edit A Story

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •