Coder Social home page Coder Social logo

dmytro1991ua / sabaton_fans_quiz Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 3.49 MB

A badass quiz that is dedicated to the best history teacher ever - Sabaton band

Home Page: https://sabaton-badass-quiz.netlify.app/

CSS 36.52% HTML 26.81% JavaScript 36.67%

sabaton_fans_quiz's Introduction

Hey Everyone. Welcome to my journey as a Front-End Developer where I am striving to implement my knowledge by doing some projects. It is a truly tough and thorny way but enormously exciting at the same time

Sabaton_Fans_Quiz Project

Sabaton Fans Quiz - Google Chrome 2021-02-13 19-00-56 (1)

Project Overview:

Sabaton_Fans_Quiz project is a fully responsive app which holds custom design ideas and questions and pays tribute to one of the best Heavy Metal band called 'Sabaton' from Sweeden and at the same time badass history teacher you could ever find.

Main Features of Sabaton_Fans_Quiz App:

  • Fully responsive app (Mobile First Approach).
  • 20 сustom questions realted to Sabaton band for the true fans.
  • The home page of the app has a slider where each slide represents a certain album of a Sabaton and links to an official website with more details of a particular album.
  • All questions and answers appear in random order. There is a limit to render 5 questions per quiz round.
  • Quiz question indicator which represents the correct or wrong answer.
  • Ability to see a correct answer at the same when a wrong answer was chosen.
  • Smooth animation for Home page, questions, results section and all quiz answers.
  • There is a timer that indicates the time after which a next question button will appear.
Stack of technologies which were used to develop a particular project:

HTML/HTML5, CSS3, BEM, JS, Responsive Web Design, Mobile First Approach.

A link on GitHub Pages - https://sabaton-badass-quiz.netlify.app/

sabaton_fans_quiz's People

Contributors

dmytro1991ua avatar

Stargazers

Taron Vardanyan avatar Ömer Akrum avatar  avatar PatimatAzizova avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.