/awful-bandnames

Server-rendered web app

Primary LanguageJavaScript

Awful Bandnames

Awful Bandnames homepage

Awful Bandnames is a full CRUD application for entering every terrible bandname you've ever thought of. You can enter a name, bio, and add a rating to your submission and submissions by other users. On the profiles page, you can see each individuals contributions to the database (including the submission's rank in the full database). Have fun and share your awful bandnames!

Awful Bandnames wireframe Initial wireframe



⚙ Technologies Used

  • CSS
  • JS / Embedded JS
  • MongoDB / Mongoose
  • Google OAuth
  • Passport
  • Express
  • Node
  • Bootstrap
  • Heroku
  • git

⚙ Credits


⚙ Recent Changes

  • Implimented a star rating feature via a Pure CSS Widget taken from Codepen. This star rating displays the current average rating and also allows the user to add a data entry via the widget on the bandnames/show view page.
  • Added a CSS animation transition to allow each page to load in a smooth, aesthetically pleasing manner.

⚙ Ice Box

  • Font design
  • Halo around fonts
  • Light/Dark Mode
  • Fix Safari/mobile functionality
  • Accessibility features (keyboard input, colorblind settings)
  • Modernized UX applicable to competitive databases