The project was created as part of the 6th edition of the CodersCamp course.
Authors of this project are course participants who worked under the supervision of an experienced mentor.
Authors:
- Dominik Puchała (Product Owner)
- Jędrzej Ratajczak (Tech Lead)
- Adrianna Krupa (Development Manager)
- Weronika Brzeczkowska-Kuzianik
- Kamila Grusza
- Konrad Mierzejewski
Mentor: Filip Kuca
Our project is a quiz that tests the knowledge of the Star Wars universe. This is a browser based web application, so no installation is required.
- The main page contains the rules of the game and shows a sample photo and answers to a question relevant to People category. Additionally, if the player uses the Konami code, he will find an easter egg.
- Before each game, player is taken to the settings, where he chooses the category (next to it there is an example photo), speed and mode of his game. Additionally, if he chose to fight against the computer, he has to select the difficulty level.
- Once the game starts, the timer starts counting down, and at the bottom of the screen the lightsaber shows how much time is left. After selecting the answer, it is shown for a second whether the answer was right or wrong. Then the question is changed to the next one and so until the end of time.
- If the player does not answer any question, he will be redirected to the home page.
- After finishing the game, the player's score is summed up and if the player writes his name, it will appear in the overall ranking of the players.
- Each game category has its own ranking showing all the results obtained by the players. If a player's score is far in the ranking, it is also displayed at the top of the ranking.
- The application is responsive, so there is an option to display it on tablets and phones.
- HTML
- SCSS
- JavaScript
- Star Wars API
- Webpack
- BEM methodology
- Jest
- Scrum
- Figma
- Trello
To view a demo click here.
If you want to run the application on the local machine, follow these steps:
- Clone down this repo
- Install dependencies with the command:
npm install
- Start development server
npm start
The application will be available at localhost:8080/index.html
To run the application tests, follow these steps:
- Install dependencies with the command:
npm install
(if you haven't already done so before) - Run the tests by running the command:
npm test
Using Figma, we created our own prototype of a user interface adapted to Desktop, and also made a version adapted to display on Phones. All designs can be viewed here.
We also used Trello, where we organized all our work. More precisely, we shared responsibilities for each sprint, exchanged comments and approved our tasks.