gdsc-plm / gdsc-plm-ga-app Goto Github PK

Description

Create a QnA component that takes in an object question as a prop that contains all of the necessary keys needed for the component

Screenshots

Description

Basically refactor the quiz hook and make sure its clean and free of bugs.

Description

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.

Description

I think we should add hover states to buttons.

Description

Create a score component that shows up when the quiz is done

Screenshots

Description

Create a component for the main content of the landing page. (text and cta button)

Screenshots

Description

Create an instruction modal component before the game starts

Screenshots

Description

We can add firestore database to store our questions.

Todos

• Hooked up GDSC PLM firebase in GA web app
• Add the questions to the general assembly collection

Additional Context

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.

Description

Animation screen is showing when resizing the browser to a bigger size.

Video

Description

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)

Description

Quiz UI is kinda wonky when you start to resize and everything.

Todos

• Find whats causing the UI bug
• Improve the way we layout things

Description

Quiz content is overlapping with the GDSC logo on shorter devices (Iphone SE).

Screenshots

Description

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.

Todos

• Import necessary functions from the firebase/firestore library
• Convert handleForm function to an async fn
• Implement the logic to update the questions field

Screenshot (current handleForm function)

Description

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().

General Idea

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

Description

We need to revisit the way I've created the layout on the score page. Logo and score content overlaps whenever its on mobile view

Screenshots

Description

Once the haribot gif assets are ready, replace all of the still images.

Folder structure should look like this:

src
- assets
  - gifs
    - still
    - animated

Description

Animate haribot with up and down motion

Screenshots

Description

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/

Screenshots

Description

Create a pre-loader component/page that fades out after the web app has loaded

Screenshots