A lightweight JavaScript project that displays all the Civilizations the Age of Empires 2 Definitive Edition has to offer. All the data is retrieved from the AOE2 Civilizations API, and used in combination with Involvement API to allow users an interactive website to discuss and support their favorite civilizations.
This project combines the use of JavaScript, HTML/CSS and Bootstrap to provide users with a fully responsive app that is updated dynamically. The project is compiled using Webpack to ensure stability and longevity.
Using this project, users can interact with each other via the comments section, or by leaving likes on the civilizations that they support.
The main landing page displays a grid of item cards, which has the banner of the civilizations on the top, the name of the civilization underneath the banner, a "likes" button, and a "comments" button.
Users can click on the "comments" button on each of the civilizations to open up a pop-up screen that displays the detailed information, comments section and a text area to leave a new comment.
The "likes" button serves both as a counter and a button for users to show their support by liking the civilizations that they like to play. Users are free to leave as many likes as they wish, there is no limitation on the number of likes one user can submit.
- HTML
- CSS
- JAVASCRIPT
- BOOTSTRAP
- Open Terminal.
- Navigate to your desired location to download the contents of this repository.
- Copy and paste the following code into the Terminal: git clone https://github.com/elasfarc/game-rating.git
cd game-rating
.- Install the required node modules by running
npm install
command. - If you're planning to test the project locally, you need a CORS app. Visit this link and request temporary access to be able to use this app on your own system.
- After installing all the required node modules, you can run the project on your own server using
npm run start
or just use the index.html file to preview it.
๐ค Onur Onat Surmeli
๐ค Mohammed Al-Asfar
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a โญ๏ธ if you like this project!
Thank you for taking your time to view this project, we hope you enjoyed it! See you later in the next one!