marifauzan / quizup

Quizup is designed to train your mind and brain and develop your cognitive abilities. Quizup was created as the form of Capstone Project production (Education) at GENERASI GIGIH 2.0 with Yayasan Anak Bangsa Bisa.

uizup

Quizup is designed to train your mind and brain and develop your cognitive abilities. Quizup was created as the form of Capstone Project production (Education) at GENERASI GIGIH 2.0 with Yayasan Anak Bangsa Bisa.

The relationship between a web-based application that provides various things related to everyday student learning and critical thinking is the creation of insight and experience related to future problems in learning activities, so that students can quickly identify and draw appropriate conclusions on the problems encountered and improve the process of receiving precise and accurate information in their daily lives. With this, it is hoped that the critical thinking process in students can be directed and achieved optimally.

Installation

Clone this repo

git clone https://github.com/MariFauzan20/quizup.git

Install dependency

npm install

Start the server, it will automatically open your browser

npm run start

Features

1. Sign In
Signin is an entry page to Quizup that requires user identification, it performed by entering a username and password combination.

2. Sign Up
Signup enables users and organizations to independently register and gain access to your system.

3. Quiz
This feature is the main feature of our product as well as a solution to the problem we raise, namely to hone students' critical thinking levels in dealing with problems related to learning and filtering information appropriately and accurately. The form of this quiz is multiple choice, by displaying the answer directly to the user after the user selects the answer. Then for the score, we use points per-question that are correctly answered by the user then the points are added based on the speed of time in working on the problem and the scores of all users will be displayed on the score board and then sorted from the highest score.

4. History Score
This feature is used to view data related to the quizzes user has worked on and also their scores.

5. Survey
A form of where user can reaching out and providing us with valuable feedback.

6. User
User can edit their details, such as their name and password, and also delete their account.

Built Using

1. Create React App to initialize project ⚛️
2. Written in Typescript and Javascript
3. Mock up APIs and generate custom database with MockAPI
4. Redux Toolkit and React Redux as state management
5. Tailwind CSS and Daisy UI component library for styling 🌻
6. Deployed in Netlify, try Quizup here 🚀