Welcome aboard, comrades. In this file, you will discover a project on which we worked in groups of three during a few days (4 to be precise). The goal of this challenge was to use JavaScript and test our skills by trying to reproduce a Cookie Clicker.
The inspiration we had for our cookie clicker was this one - orteil cookie clicker.
==> Check our work : Click here to see our masterpiece
- Front-end
- Create a responsive design
- Use of wireframe
- UX & UI thinking
- Back-end
- Improve our JavaScript skills
- See a practical use of JS
- Others
- Project management
- Create a project with a team
- Work remotly with a new team
- Manage Git conflicts
The goal was not to completely replicate the cookie clicker you just saw a second ago. It was to come up with our own concept and write all the necessary codes to make it work as well as the Orteil cookie clicker.
We wanted to change the concept and make it our own. Instead of a cookie-clicker we worked on a "Pokeball clicker". Everytime people click on the pokeball, they will get a Pokedollar which is needed in order to buy boosters, multipliers or auto-clickers.
When reaching a certain amount of Pokeball, players will be able to buy multipliers that will multiply the number of Pokedollars they earn for a certain price.
Auto-clickers are pokemons that will click for player every second or so, helping them collect as much Pokedollar as possible without them clicking.
Boosters are temporary boost that give an increased amount of Pokedollar while clicking. They last for 30 seconds.
Just for your information, we used Bootstrap framework for the front-end.
Here are the feature asked to implement :
- A place to display the score
- A button to increase the score when people click on it.
- A multiplier button that will multiply the number of points per click.
- A price of multiplier : Nothing is free, you have to earn it as well.
- No negative score : This means you can't buy something if you don't have enough credit.
- A multiplier counter showing your multiplier score.
- Cost increasing : Want to buy more? Then you will have to pay more each time.
- Cost displayer : Players need to see how much money it takes to get something.
- Auto-clicker options : Players can pay to receive auto-clicks automatically.
- Bonus : To make the game even better, some bonuses are available and give a boost to the score for a limited time.
- Desactivated buttons : If the player does not have enough credit, he/she should not be able to click the buttons.
- Pretty design : As you may know, everything is better when it looks nice... So we tried to make our game nice to look at.
As previously mentioned, we worked on this project in a team of three people. Click on our name to see our GitHub profile.
This project is made by Felicien De Hertogh, Arnold Haubursin, Jaggar Al-Yussef The project is a recreation of the original game but made with features that have been required.