syskit-quiz-app's People
syskit-quiz-app's Issues
README
- update BE README with detailed steps needed to deploy app
- create FE README
- create main page README with links to specific readme, link to demo app and some basic info
Webpack config
-
minification on build
-
loading of images in dev server
Email validation
There were few potential issues with email validation:
-
whitespace in the end/begining. Need to trim it so it will work with regex
-
[email protected] type email is problematic
Loading element
Need to style loading component: src/components/LoadingComponent. There are 2 situations:
-
loading while fetching quesitons
-
loading while submiting answers
Need to set some background and maybe change text color of label
Admin center
- simple admin center to show submited participants. Api for fetching all participants is already defined (see README of be project), we just need to show it in a simple table sorted by result (maybe even submit time)
Add questions
- Create and add questions to database
Result component
- Implementation of Result component (added dummy component in components that just shows simple result)
Target real BE API
- For testing purposes application is currently targeting https://dinotestfunctions.azurewebsites.net endpoint. When finished deploying to real server change in src/utils/configOptions url to real server.
Validation design on Participant info input
- Implement the error design for input fields. Currently there is an empty box where the exclamation icon should be and it is in another row because input field is set to be 100% width.
We should either:
- Lose the exclamation icon and just color the underline red
- Dinamically shorten the width of input on error so the exclamation mark fits and import the icon
Check if user already entered the competition
- Add a check if user with same mail already exists. Add it before or after quiz start?
Error page
- Implement simple error page with funny picture and "Something went wrong text". Added error catching and displaying of ErrorPage on loading of questions and submiting of answers. Need to implementation of error message rendering in main.tsx -> render -> add switch case for ErrorPage enum
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.