Statements Against Mankind

• 

  Registration Page

• 

  Login Page

• 

  Home Page

• 

  Main game Page

• 

  Create/Add Card Page (haven't fully developed)

Inspiration

Our project for this hackathon (Statements Against Mankind) is inspired by the popular game called Cards Against Humanity. But, we also add some part of our idea, which is to enable players to create the cards and also use other people's cards.

What it does

On projects, a card with a "statement" with a blank for a noun would be given. There would also be several cards with "nouns" that would be given to the players. The players could choose which statement and noun combination that may be would be the best (ridiculous). The players of this game would also be able to create their own statement and noun cards. By this, the variation of the game would also be countless. Even though we call it a game, in implementation, it's more like an authentication app with a game than a game with an authentication.

How we built it

We build our projects with ReactJs and Chakra UI for the front-end of the game. For the back-end, we use Express and Prisma ORM. The Prisma ORM would be used to help us get, post, update, and delete several data from our MongoDB server.

Challenges we ran into

As this is our first hackathon and project together, we have so much trouble we ran to. We have trouble implementing the API request on our front-end and also trouble to implement the authentication. Other than that, the trouble we face is when using Git and Github where many conflicts happen.

Accomplishments that we're proud of

As this is our first hackathon, we a proud enough to come out with a decent idea even though the implementation is incomplete. We are also proud that we learn so many things that we need to implement the projects.

What we learned

We learn about how the front-end and back-end work together as both of us never implement one with the other. We also learn about authentication, file structure, and data model in a web application. Lastly, we learn about the concept of a hackathon, and we absolutely like it (would try more in the future).

What's next for Statements Against Mankind

As our projects are still incomplete, our next task would be implementing the create cards feature that we state. We also haven't hosted the web, so we also look forward to hosting the website so everyone could access and use it. In the implementation, we also found some bugs that we want to fix (but we can't because of the limited amount of time we have left). In general, we want to make our hackathon project better and more enjoyable.

Built With

• chakra
• express.js
• mongodb
• node.js
• npm
• prisma
• react