Code Monkey home page Code Monkey logo

project3-mu-kudos-board's Introduction

project3-MU-kudos-board

Meta University Project 3

Unit Assignment: Kudos Board

Submitted by: Nowshin Anber

Deployed Application (optional): 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

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

Walkthrough Video

https://www.loom.com/share/559564ca87514f3591e70ce74d48041b?sid=828b1527-6bb7-4201-ac10-5ba3bb9112e0

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?

Yeah, the labs did prepare me. I felt unprepared while doing the user authentication stretech feature as they didn't teach it in class. But glad that it was dropped.

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

Add more css, add downvote button on the cards and also like button for 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?

Didn't present yet.

Open-source libraries used

  • react-icon ig?

Shout out

Paige's lecture videos, Sammy's brain touching explanations, Bryan & Gabriella for help with deployment. And big shoutout to me. (It was a long week I deserve a shoutout)

project3-mu-kudos-board's People

Contributors

nowshin-108 avatar

Watchers

 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.