Cryptonite
About | Technologies | Requirements | Starting | License | Author
🎯 About
The website shows the top 100 cryptocurrencies , price information about each currency and a live report of price changes of up to five chosen currencies.
⁕ The first page displays cards of the top 100 cryptocurrencies sorted by market cap,
and each card contains a switch button (If checked then it will be shown in live reports page),
and more info button which when clicked shows the logo and the price of a currency in USD,EUR,ILS,
also the page has a search bar that you can use to search for a currency by typing the symbol, e.g.: ETH, BTC ...
⁕ The second page will display the price of checked currencies from the first page every two seconds,
and displays them in a linear graph where the y-axis is the price and the x-axis is the seconds that have passed since you entered the page,
additionally you can export the graph and if you click on the legends then you can see each currency’s graph separately.
⁕ The about page is self-explanatory 🙄.
🚀 Technologies
In this project we are exercised:
🔹 HTML + CSS:
- New HTML5 tags
- CSS3 media queries and advanced selectors
- Dynamic page layouts
- Bootstrap & flex
🔹 JavaScript:
- Objects
- Callbacks, Promises, Async Await
- jQuery
- Single Page Application foundations
- Events
- Ajax (RESTful API)
- Documentation
🔹 External API’s.
✅ Requirements
Before starting 🏁, you need to have Git , VS Code installed and Live Server.
🏁 Starting
# Clone this project
$ git clone https://github.com/Mohamab29/Cryptonite
# Access
$ cd Cryptonite
$ code .
After opening the folder in VS Code , right click on the index.html folder and then click on open with live server after that your default browser will pop-up with the website being fully live locally on your machine.
or check out the website Cryptonite.🤗
📝 License
This project is under license from Apache 2.0. For more details, see the LICENSE file.
Made with ❤️ by Mohamed Nedal Abomokh