Breaking Bad Quiz

Demo: LINK

Table of contents

• Breaking Bad Quiz
  • Table of contents
  • General Information
  • Our Crew
  • Technologies used
  • Screenshots
  • Running the project - From the repo:
  • Project Status

General Information

This is a quiz type game made using the popular Breaking Bad series universe API with multiple levels of difficulties, ranking scoreboard and randomized questions created with HTML, SCSS and JavaScript. Project build for Coders Camp 2021/2022. This app has been created by a group of 6 people during CodersCamp course. Our motivation was to learn how to work as a group on a project and improve our skills in HTML, SCSS and JavaScript. The purpose of this application is to learn the possibilites and boundaries of the mentioned above languages.

• API URL: An API of Breaking Bad
• Figma project: Figma
• Demo on Netlify: LINK
• Repo url: LINK

Our Crew

Mentor: Piotr Rynio

• Agnieszka Przybyłowska
• Patryk Święcicki
• Radosław Dulisz
• Bartosz Dombrow
• Kuba Jarosz
• Jarosław Kaczor

Technologies/Libraries/Methodologies/Tools we used

• JavaScript (no other framework/library was allowed)
• HTML
• SCSS
• Jest
• Husky
• ESLint
• prettier
• BEM
• Responive Web Design
• Mobile First Design
• Git
• GitHub
• Figma
• Netlify
• Codecov
• LiveShare
• Visual Studio Code

Screenshots

Running the project

Running this project locally

From the repo:

1. Clone this project locally
2. Run npm install in your bash/command line
3. Run npm run dev in your bash/command line
4. Go to http://localhost:3000 in your browser (or other from your bash/command line info).

Others:

• Compile and minify for production - npm build
• Run all tests - npm test

Project Status

The project status is completed.