Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
15 lines (11 sloc) 1.14 KB

Project 3 - Mars Quiz (React)

Project Summary

A one page app to quiz potential Martian Colonists; built using React. The project features an introduction page; 3 timed quiz questions; results pages (fail or pass); and a 404 page. CSS animations were also used to add visual interest to select pages. The end result required the user the answer all three questions correctly (within a time limit) before being accepted into the colonist program.

Tools Used

  • React
  • CSS animation
  • SASS
  • Gulp, BrowserSync, Autoprefixer, Web-pack
  • Git and GitHub


This was a very challenging but rewarding project using React. It took a while to adjust to the thinking behind React and how to use states and props. However once patterns in writing code started to appear and with a solid understanding of Props/States and how each affects the other, it began to become easier to write and understand. I love the modularity of React and how you can import already built components into your app and be able to use them without having to re-write code for each use case. I look forward to exploring and really learning the ins and outs of this framework.

You can’t perform that action at this time.