Git Product home page Git Product logo

watson-project / watson-frontend Goto Github PK

View Code? Open in Web Editor NEW
1.0 0.0 4.0 13.25 MB

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.

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

HTML 5.46% CSS 47.13% JavaScript 47.41%
react react-router-dom axios axios-react momentjs react-icons usecontext-hook usenavigate usecontext useparams

watson-frontend's Introduction

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

watson-frontend's People

Contributors

joesphchang avatar michelcodeur avatar shermscissors avatar spell-landon avatar

Stargazers

 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.