QuotesPortal

Web application for generating quotes

Code guidance

Backend

• under /server dir
• mvc architecture
• mongoose for mongodb validation, casting and business logic

Frontend

• under /client/app dir
• components design:
  • /containers - holds the parent components (render, navigation, routing between pages)
  • /details - holds business logic, e.g for Game component (game components, load question, keep score)
• services - place for fetching data, shuffle arrays, etc.

UI Components (active):

Homepage

Generating random quotes on load and getting random quote on button click:

Play (easy mode) - options are fully random, non related topics

Inactive UI components (TODO):

- Authentication

- All time leaderboard based on game performance per user

- Hard mode (authors options should be on related topics)

How to run locally

The collections currently live in mongo database so not possible at the moment for this repo unless you set one yourself and read the uri from env file as here.

• npm install
• cd server & npm start (starts backend)
• cd client/app & npm start (starts frontend)

Technologies

Node, Express, React, MongoDB