Port

folio

Process

The process of this project was long lasting and totally worth it. Throughout the process, I've enhanced my skills using APIs, CSS and Javascript. I've also learned a new programming language along the way named SASS. SASS is basically a programming language that is used to give extra stying to the website. Using this is not necessary but it is helpful because most full stack front-end developer jobs nowdays require SASS as a mastered language. This project will also go onto my resume for others to see and I will have a better chance of getting hired in the future. The process of the making of this project was 3 main steps. Step 1, design. Designing the website was the first thing that I had to do. Without it, it would've been just a random website with bad looks. Step 2, layout. In this step, we make the website and styling the layout of the website. This is where we make the design come to life. And finally step 3, getting the questions. Getting the questions was the hardest part about this. I basically had to contact an API(Application Programming Interface) which gives me a question everytime you get one correct. This whole process took multiple attempts to complete and I encountered multiple errors in my code and I think you will be better off not seeing them.

Step 1 - Design

I came up with 2 designs of this quiz but at the end, I went for a more minimal look. The design that I didn't use are down below. They were used to create V1.0.0 of this site but this is V2.0.0.

Step 2 - Layout

The layout wasn't the hard part. I just had to make some elements of the website and style it. I do it by programming the basic element and styling them sperately. The following is a picture of programming those basic elements.

Step 3 - Getting the Questions

Getting the questions and displaying it was the hardest part about all this. I get my questions from an API (Application Programming Interface). That is basically a source which I call everytime you get a question correct and that provides me with the next question. I then display the questions, options and style them.

That's it!

That's it. That's how I made this quiz but it took 30+ hours of work. Imagine yourself just typing for 30 hours. It would cook your brain and that's exatly what happened with me. This project got my brain cooked multiple times but It was all worth it for 2 reasons. Number one, This was a school project so I had to do it. And number two, this goes on my resume so I'm happy. Did you do the quiz yet? Click here to play this quiz. And as always, have a great day!