/CodeOpFeatureExtension

CodeOp Full-stack bootcamp Feature Extension proj on another student's project. CSS was re-done, added Character avatar selection, and sign in.

Primary LanguageJavaScript

MVP: Quote-o-meter - Andi Nowë

The idea of this project is to build a website to store the best quotes and jokes from role-playing games sessions, like D&D, Vampire, Cyberpunk, etc, in an RPG/8-bit styled app.

Installation

  • Install Node.js for the back end and front end:
npm install
  • Install FontAwesome for React for the icon: FontAwesome

  • This is the library used for the Css: RonenNess-RPGUI

  • The back end is built using MYSQL and Express.

  • The front end is built with React.

  • Back end tested with Postman.

  • To create an empty database from scratch we will use this command on the mysql console:

mysql -u root -p mvp < [C:\Insert here the route of the "init-db.sql" file}

Database schema:

Database Schema

User flow schema:

User flow schema

Wanted features

  • Select what characters participated in each quote when creating the quote.
  • Upvote system for the quotes.
  • Order system for the quotes based on the votes.
  • Date and time automatically added on the quotes.
  • Search bar for quotes and characters.
  • Option to add an images on games and character creation.
  • Accounts for the players.
  • Re-do the whole css styling.

Credits

This is a student project that was created at CodeOp, a full stack development bootcamp in Barcelona.