CryptoCurrencyApp projesi, React ile geliştirilmiş bir kripto para uygulaması olmakla birlikte CoinGecko API kullanılarak geliştirilmiştir. CoinGecko API ile alınan veriler Json Server'a kaydedilmiştir. Uygulamanın anasayfa kısmı HTML Codex içerisinde bulunan bir tasarımın React ile geliştirilmiş hali olup geliştirilme esnasında bootstrap ve styled components kullanılmıştır. Uygulamanın içerisinde tüm kripto paraların tablo halinde listelendiği bir sayfa bulunmaktadır. İstenilen herhangi bir kripto para üzerine tıklandığında ise o kripto para hakkında detaylı bilgilerin bulunduğu bir sayfaya yönlendirilmektedir. Ayrıca uygulamanın içerisinde kripto para arama özelliği de bulunmaktadır. Aynı zamanda tüm kripto paraların bulunduğu tabloda da sıralama yapılabilmektedir. Tablonun başlıklarına tıklandığı zaman o başlığa göre sıralama yapılmaktadır.
Kripto para arama özelliği uygulamanın navbar kısmında bulunmaktadır. Eğer tüm kripto paraların listelendiği sayfada arama yapılırsa arama sonuçları dinamik bir şekilde gösterilmektedir. Ancak farklı bir sayfada arama yapılmak istenirse 'Enter' tuşuna basıldığında yine tüm kripto paraların listelendiği sayfaya yönlendirme yapılmaktadır ve arama sonuçları gösterilmektedir.
Detay sayfasında CoinGecko API içerisinde bulunan trend coinler ve nftler bulunmaktadır. Detay sayfasında bu trend coin ve nftlerin gösterilmesi sağlanmıştır.
Projeyi klonladıktan sonra projenin bulunduğu dizinde aşağıdaki komutu çalıştırarak gerekli paketleri yükleyin.
npm install
Projeyi klonladıktan sonra projenin bulunduğu dizinde aşağıdaki komutu çalıştırarak projeyi çalıştırın.
npm start
- HTML
- CSS
- Bootstrap
- JavaScript
- React
- React Hooks
- React Router Dom
- Redux
- React Redux
- Redux Toolkit
- React Icons
- Styled Components
- Axios
- Json Server
- CoinGecko API
- HTML Codex
- HTML Codex (Bazı kısımlara benzetilmiştir.)