Trivia App

Trivia Web Application made with React Typescript, Tailwind CSS, SQL Server and Net Core 6, JWT Authentication. There's two main roles. User And Admin, Admin has higher privileges. In this app you can create rooms which have multiple questions. Any user can enter a room by the generated code of the room and answer the questions.

Home Section

Home section displays information about the app, there's a little demo of SVGs, which play at the moment you answer the questions.

Dashboard

Main Section in the web application. It shows all the distinct functionalities available in the app. At the center you can see your profile and a record of all the activities you've done in the app.

Create a new Room

Basically it creates a random string which is the room code.

Join Room

Join rooms using generated codes. If a room has no quesions you can't enter.

See Rooms

It shows all the rooms generated by the user. And some data relevant to the room. You can also delete rooms by room code in this section.

Manage Questions

Section where you can add, edit or delete any question in the room.

See Scores

This section is a historic of all the questions sent. At the right it's a record of all the activities related with room managment and scores. In details of each score you can see all the answered questions, if it's right or wrong, plus the right answer.

Explore

Section where last rooms are displayed, plus you can search rooms created by certain user.

Profile Section

Profile Section of the current user. This profile section have 2 sections. Profile (where you can see a message wrote by the current user and the rooms created). And a dashboard section. In the dashboard section any user can post, you can comment any post and like any post. You can also delete your respective comments/posts.

New Post

New Comment

Search Users

This component is simple. You can search any user and go to their respective profile page.

Answering Trivia In A Room

Pretty Simple. You answer a question and if it's right you get a point, if it's wrong you get no points. At the end you can see the results. The animation plays whenever you click in an answer. You can customize which animal appears in screen as shown in the home section.

Config

This section is only for configuration purposes. General tools are available for all the users, admin tools are available only to users with ADMIN role.

User Managment

Section only available for admin. Here you can create or delete accounts.

Others options in config are self explanatory.

Create an Account

Login