Skip to content

dogancanulgu/react-crypto-details

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NETLIFY DEMO

NETLIFY DEMO - CLICK

Kripto Para Bilgilendirme Uygulaması

Uygulamamızda, API'den çekilen kripto para bilgilerini listeliyoruz. Search kısmını kullanarak da arama işleminizi gerçekleştirebiliyorsunuz.

Proje Hakkında

Bu projede, Ana sayfada bütün kripto paraların güncel bilgilerine erişebilirsiniz. Bu bilgiler API'den çekilmektedir. Sayfanın üst kısmındaki search barından ise aramak istediğiniz kripto paranın adını yazabilirsiniz. Kripto paralarınızı favorilere ekleyebilir ve "Get Favorite List" tuşuna basarak görüntüleyebilirsiniz.

Proje Teknik Bilgileri

  • Responsive tasarımdır.
  • Dinamik Url yapısı için React-Router-Dom kullanılmıştır.
  • Bilgiler API'den çekilmiştir. Bunun için CoinGecko kullanılmıştır.
  • API'den veri çekmek için AXIOS kullanılmıştır.
  • Paraların 24 saat içinde düşük / anlık / yüksek değerlerinin grafiği için ChartJS kullanılmıştır.
  • API bir kere çekilmiş olup, context yapısı ile gerekli sayfalarda kullanılmıştır.
  • Tarih bilgisinin formatı için Moment kullanılmıştır.
  • Container yapısı için Bootstrap kullanılmıştır.

Proje Nasıl Çalıştırılır

  • Projeyi fork'ladıktan ya da indirdikten sonra projenin bulunduğu klasörde "npm install" komutu ile gerekli paketlerin yüklenmesi gerekiyor.
  • Daha sonra "npm run start" komutu ile uygulama başlatılabilir.

Ekran Görüntüsü

Home Page

Home

Home

Favorite Page

Favorite

Favorite

Single Coin Page

Single

Developers


Oğuzcan Uzunöner

Doğancan Ülgü

Samet Çetin

Licence


MIT

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 67.6%
  • CSS 24.2%
  • HTML 8.2%