Kudos-board

Unit Assignment: Kudos Board

Submitted by: German Salas Martinez

Deployed Application: [https://kudos-board-1-csq0.onrender.com/]

Application Features

CORE FEATURES

• [x] Home Page

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

• [x] Board Page

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

• [x] Cards can be upvoted.

• [x] Cards can be deleted.

STRETCH FEATURES

• [x] Deployment
  • [x] Website is deployed via Render.
• [x] Comments
  • [x] Users should be able to comment on cards.

Walkthrough Video

KudoBoard Project 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?

The labs prepared me for most of the project, it was really useful for creating the backend and connecting it with the frontend. Although I felt unprepared to complete the feature of creating new pages with the react-router-dom, but with enough research on the internet I did it without much trouble.

• 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 I had more time I would have thought more in detailed the responsiveness of the website when on phone, specifically my modal were I display the comments.

• 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?

I notice that one of my peers for the comment section did a new page, I think I would like to try that because it has more space than doing it in a modal.

Open-source libraries used

• https://react-icons.github.io/react-icons/

Shout out

Instructors:

• Thomas Wang

• Makayla Rodriguez

  Peers:

• Gabriel Alvarado
• Andrew Chu
• Boris Hernandez