Skip to content

The front end to Team-Bang's blog, "Bang it Out!". This is a community where user's can upload posts, and eventually comments and hang out in a community atmosphere.

License

Notifications You must be signed in to change notification settings

Team-Bang/Bang-front

Repository files navigation

Application Title: Bang it Out!

This application allows the user to join a community, speak one's mind, and get something off one's chest. Bang it Out lets users creat a blog post and get connected with a community who thinks likewise.

Important Links

Planning Story

Our first plan of action was to create a Kanban board to work off of. Our main focus was around setting up the back-end first and get all of our crud actions taken care of with our main resource. Upon completion of that, the plan was to attack the front-end and incorporate our new resource's crud actions on the front. With a little bit of pair programming and mostly team programming we made sure that all of our checkpoint were hit so a user can join the community, and set up a new blog post. We worked off of our kanban board, requirements and wireframes.

User Stories

  • As a unregistered user, I would like to sign up with email and password.
  • As a registered user, I would like to sign in with email and password.
  • As a signed in user, I would like to change password.
  • As a signed in user, I would like to sign out.
  • As a unregistered user, I would like to see all users blog posts.
  • As a unregistered user, I would like to see comments on those blog posts.
  • As a signed in user, I would to create blog posts.
  • As a signed in user, I would to comment on other users' blog posts.
  • As a signed in user, I would to update my blog posts and comments.
  • As a signed in user, I would to delete my blog posts and comments.

Technologies Used

  • React
  • HTML/CSS
  • Bootstrap
  • Javascript
  • React Router
  • Mongoose

Catalog of Routes

Verb URI Pattern
GET /blogposts
GET /blogposts/:id
POST /blogposts
PATCH /blogposts/:id
DELETE /blogposts/:id

Unsolved Problems

  • Still need to work on styling.
  • Would like to eventually allow other user's to comment on blogposts.

Images


Wireframe:

Sign In/Up

wireframe

Main Page

wireframe

User Page

wireframe

ERD

ERD

About

The front end to Team-Bang's blog, "Bang it Out!". This is a community where user's can upload posts, and eventually comments and hang out in a community atmosphere.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •