gdsc-plm / gdsc-plm-ga-app Goto Github PK
View Code? Open in Web Editor NEWGDSC PLM General Assembly 2022 Web App
GDSC PLM General Assembly 2022 Web App
Basically refactor the quiz hook and make sure its clean and free of bugs.
I am thinking of adding an authorization modal that takes in an apiKey. If it matches our firestore key, it will show the add question form.
I think we should add hover states to buttons.
We can add firestore database to store our questions.
What I am thinking in terms of adding questions to the general assembly collection is that we can create a simple form that is within a protected route. From there we can input the question prompt, choices, and answer.
Animation screen is showing when resizing the browser to a bigger size.
To further improve the codebase, we need to create a utils class that contains all of the general methods. (i.e fetching documents, getting randomized questions, etc)
Quiz UI is kinda wonky when you start to resize and everything.
Add the update logic inside the handleForm fn. This should target the questions field on ga collection
doc and update the array by pushing a new question object.
I think it would make more sense if we turn the Context utils class to a hook. Proposed name: useContextUtils()
.
Getters would be unpacked in the app provider and be passed to all the pages using useContext()
.
Since it would be a general hook, we'll create a hooks folder and name the file use-context-utils
.
Folder structure
src
- hooks
- use-context-utils.jsx
Once the haribot gif assets are ready, replace all of the still images.
Folder structure should look like this:
src
- assets
- gifs
- still
- animated
Replace the current href of social icons in the Score page with these links (this should open a new tab):
FB: https://www.facebook.com/gdsc.plm
TWT: https://twitter.com/gdsc_plm
IG: https://www.instagram.com/gdsc_plm/
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.