Unit Assignment: Kudos Board

Submitted by: FTL Pod H: Kiahna Isadore, Hanna Abrahem, Lucky Beulla Muhoza, Samuel Rebuelta-Sanchez

Deployed Application: Kudos Board Deployed Site

Application Features

CORE FEATURES

• Home Page

  • Displays header, banner, search, board grid, and footer.
  • Displays preview of all boards on initial page load.
    • Boards previews should show an image/gif and board title.
  • Users can click on a category (recent, celebration, thank you, inspiration) to filter the boards.
    • Recent displays most recently created boards.
    • Other categories display boards of that type.
  • Users can search for a board by name.
  • Users can click on a board to navigate to a new page containing that board.
  • Users can create a new board.
    • Boards should have a title, category, and author (optional).
  • User can delete boards.

• Board Page

  • Displays a list of all cards for a board.
    • Each card features a text message.
    • Each card features a gif found using the GIPHY API.
    • Users can optionally sign the card as the author.

• Cards can be upvoted.

• Cards can be deleted.

STRETCH FEATURES

• User Accounts
  • Users should be able to log in with a username and password.
  • Users should be able to sign up for a new account.
  • Boards and cards should be associated with a user.
    • Anonymous cards or cards by guest users should still be allowed.
  • Add a new filter option on the home page to display only the current user's boards.
  • Allow boards to be deleted only if they are owned by the user.
• Deployment
  • Website is deployed via Render.
• Comments
  • Users should be able to comment on cards.

Walkthrough Video

Kudo Board - Watch Video

Kudo Board Updated Login - Watch Video

Reflection

• Did the topics discussed in your labs prepare you to complete the assignment? Be specific, which features in your weekly assignment did you feel unprepared to complete?

Yes! We used the flixter and student store projects as references for this full-stack project. There was nothing we unprepared to complete.

• If you had more time, what would you have done differently? Would you have added additional features? Changed the way your project responded to a particular event, etc.

If we had more time, we would store comments and upvotes of each card to our database, as well as adding a filter option on the dashboard so that only the current user's boards are displayed.

• Reflect on your project demo, what went well? Were there things that maybe didn't go as planned? Did you notice something that your peer did that you would like to try next time?

Our presentation did not go as planned. For the future we plan on creating a slideshow to display our projects, as well as using one computer to highlight our project's features. We also plan on taking the last hour before our demo to not touch any code and only spend that hour practicing our presentation.

Open-source libraries used

• None

Shout out

Give a shout out to somebody from your cohort that especially helped you during your project. This can be a fellow peer, instructor, TA, mentor, etc.

Shout outt to ALL instructors! Thank you to Devarsh, Alex, Keith, and ERIKA!