Kalvium PROJECT BUILDER | REACT - QUIZ STAGE I - UI

Learning Goals

In this exercise, the goal is to learn building a complete quiz app on a stage by stage basis:

when and how to setup react in your application,
how to create multiple compoents and design it.

Introduction

In this exercise, you will try to work with component and css.

create a new react app using the following command

npx create-react-app quiz
cd quiz

Now go to your app.js and remove the unnecessary code. Your app.js should be looking similar to the this.

import React from 'react';
import HigherOrderFunctions from './components/hof/HigherOrderFunctions';
import './App.css';

function App() {
  return (
    <div className="App">
 
    </div>
  );
}

export default App;

Your task is to create three components - HomeComponent - QuizComponent - ResultComponent

Note: use rcc to generate the code template. Please keep everything as a static output on the stage - 1. We will make it dynamic over the course.

So let's get started! Check below to see the overall output: You will be trying to replicate this

PROGRESSION 1 | HOME COMPONENT

PROGRESSION 2 | QUIZ COMPONENT

PROGRESSION 3 | RESULT COMPONENT

Summary

If you managed to do it, good job! 🏆

We are proud of you!

Happy Coding ❤️!

leovaldez08 / project-react-quiz-one