https://github.com/topunix/trivia-app

:grey_question: Trivia game with React and Flask
https://github.com/topunix/trivia-app

api flask flask-cors node npm postgresql psql python react sqlalchemy

Last synced: 3 months ago
JSON representation

:grey_question: Trivia game with React and Flask

• Host: GitHub
• URL: https://github.com/topunix/trivia-app
• Owner: topunix
• Created: 2020-04-26T20:14:40.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2025-01-08T01:47:45.000Z (over 1 year ago)
• Last Synced: 2025-01-08T02:32:58.448Z (over 1 year ago)
• Topics: api, flask, flask-cors, node, npm, postgresql, psql, python, react, sqlalchemy
• Language: JavaScript
• Homepage:
• Size: 182 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Full Stack Trivia App

![trivia](https://user-images.githubusercontent.com/833824/82157851-df0a7980-9851-11ea-8b0d-a79c7763789d.jpg)

## Introduction

Udacitrivia is a fun trivia app that can be used for team-building activities.

This trivia app offers the following features:

1. **Question Display**: Users can view trivia questions categorized by topic, with the option to display the question, category, difficulty, and hide/show the answer.

2. **Question Management**: Questions can be added or deleted, with each new question requiring both the question and its corresponding answer text.

3. **Search Functionality**: A search feature allows users to find questions based on specific text queries.

4. **Game Mode**: Users can play a quiz game where questions are randomized either from all categories or from a specific category, adding a fun and engaging element to the experience.

## About the Stack

### Backend

The `./backend` directory contains a Flask and SQLAlchemy server. The app.py file defines the endpoints and references models.py for the DB and SQLAlchemy setup.

[View the README.md within ./backend for more details.](./backend/README.md) 

### Frontend

The `./frontend` directory contains a complete React frontend to consume the data from the Flask server. 

[View the README.md within ./frontend for more details.](./frontend/README.md)