Skip to content
A React.js App to quiz potential Martian Colonists
JavaScript Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

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.