Front End Trivia

An open source, front end-focused trivia app to rapidly discover new concepts through short question/answer format - flip through decks of cards based on your interests.

There's no better way to learn concepts, frameworks, languages or new technologies than to just dive in and build something. However, lists like this, this and this are passed around for a reason - they're a great way to quickly discover core concepts to dive into later. The idea behind this app is to provide a slightly more interactive version of these lists, with flash-card functionality for added self-testing.

Responsively designed for use on mobile and desktop (so pull this out at the busstop and learn something new).

Welcoming submissions of questions on a host of front end-related topics. See issues, add issues and submit pr for added questions here

Installing

$ npm install

To run in development mode (localhost:8080 to view it in the browser):

$ npm run dev

Built With

• ReactJS, Redux, Node, Express, Babel, Webpack...

Titles in the Deck Data

• Javascript: Core Concepts
• Javascript: Common built-in methods
• Javascript: Common event handlers
• Javascript: Design patterns
• CSS
• CSS: Pseudo-classes
• CSS: Animations
• CSS3 - Flexbox
• HTML
• React
• Angular
• Javascript: 3
• Vue
• DOM Fundamentals
• ES6
• JavaScript: Intermediate
• SASS: Basics
• Webpack Basic Concepts
• jQuery: Basics
• General Front End Questions
• Git

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

• Matt Zabriskie - React-flipcard
• Tim Holman - git-hub corners

Sources

Trivia content sources to date:

• Tutorial Point JS Interview Questions
• Tutorial Point CSS Interview Questions
• MDN JS Docs

Task Lists

• [X] session 'correct' count
• [ ] Create 'missed' deck
• [ ] Users / login
• [ ] User custom decks build function
• [ ] Site visitors / total decks reviewed count