search

mvp-2003 / Quikz

Quiz app
GNU Affero General Public License v3.0
3 stars 4 forks source link

[Figma] We need figma design to start the front end development. #12

Open shubhansu-kr opened 2 days ago

shubhansu-kr commented 2 days ago

Design Request: Figma Designs Needed for Quiz Application

Description:

We need Figma design files to begin the frontend development of our quiz application. These designs will help define the UI/UX for the core features, ensuring a consistent and smooth user experience across the app.

Requirements:

The Figma designs should cover the following pages and components:

  1. Home/Welcome Page:

    • Introduction to the quiz app.
    • Option to join or create a quiz.

  2. Quiz Creation Page:

    • Form to create a new quiz (input fields for quiz name, question types, etc.).
    • Interface for adding multiple questions (MCQs, true/false, etc.).

  3. Quiz Participation Page:

    • Interface for participants to join a quiz using a code.
    • Real-time display of questions and options to submit answers.

  4. Quiz Host Dashboard:

    • Real-time display of participant responses.
    • Controls for navigating between questions.

  5. Results Page:

    • Display the results or leaderboard after the quiz ends.
    • Breakdown of participant scores.

Key Design Considerations:

References:

For inspiration, please refer to applications like Mentimeter or similar quiz platforms that focus on live engagement with real-time feedback.

Acceptance Criteria:

Notes:

shubhansu-kr commented 2 days ago

@mvp-2003 , Can you get us some Mocks for the application ?

mvp-2003 commented 2 days ago

@shubhansu-kr I'm not sure how to do that. Can you give me a general idea? And I will try to prepare everything you need. Is that ok?

shubhansu-kr commented 2 days ago

I meant we need figma designs to determine how our frontend will look like. In React we will start creating what we will see in the figma design. Figma design is like an image which represents the expected UI of the application but it has more details like color code, pixel size etc...

shubhansu-kr commented 2 days ago

Here is an example : https://www.figma.com/community/file/1222060007934600841/responsive-landing-page-design-website-home-page-design-agency-website-ui-design.

This kind of design for our website

mvp-2003 commented 2 days ago

Alright. I will manage it.

Prathamesh0901 commented 2 days ago

i would love to contribute to the frontend and backend of this project. Please let me know if there is any work i can do.

shubhansu-kr commented 2 days ago

For frontend we are waiting for figma designs. If you want to contribute there you can get the design for the website and share the link here.

For backend i will be creating few issues for implementation of routes you can pick from there. Let me know which one you are interested in.

Would you like to work on figma ?

Prathamesh0901 commented 2 days ago

I would love to work on backend then.

shubhansu-kr commented 2 days ago

Good to hear, will be creating multiple issues today for implementation of routes. You can pick up issues then.

mvp-2003 commented 1 day ago

@shubhansu-kr I have asked a friend who happens to be a UI/UX designer. Let's see if he joins us or not.

shubhansu-kr commented 1 day ago

Thanks @mvp-2003

parth-1372 commented 1 day ago

Hi @shubhansu-kr , @mvp-2003 I Know Frontend But Do not know much about Figman Design . So currently Any scope for Frontend or Backend Contribution?

shubhansu-kr commented 1 day ago

@parth-1372 We can proceed with the frontend work only when we know how UI should be. I have created few backend tasks. You can have a look at them.

If you really want to contribute to frontend, that would be a great help since we don't have much of frontend contributor. See if you can find any relevant quiz application UI on the internet and we will finalise that. You can start working there then.

shubhansu-kr commented 1 day ago

@Prathamesh0901 Issues created for backend. You can have a look.