Crypto Tracker – Web Uygulaması

Bu projeyi React ile geliştirdim.

Üretken Akademi’nin eğitiminin son projelerinden olduğu için o ana kadar öğrendiğimiz neredeyse tüme yakın konuyu kullanmaya çalıştım.

Neler kullandım?

• Framework: React
• State yönetimi: Redux ve Hooks
• API: CoinGecko
• CSS: Material UI, Inline CSS, Modül CSS ve reset CSS
• UI Kit: Material UI
• Icons: Material UI Icons
• Kullanılan paketler: Redux, Material UI ve Axios

Uygulamanın canlı versiyonu: Live Version

Klasör Yapısı

crypto-tracker
├── node_modules
├── public
└── src
               ├── components
                              ├── CryptoTracker.js
                              ├── CryptoTrackerInput.js
                              ├── CryptoTrackerLogo.js
                              ├── CryptoTrackerTable.js
                              └── Header
                                              └── CryptoTrackerHeader.js
               ├── redux
                              ├── actions
                                             └── cryptoActions.js
                              ├── constants
                                             └── actionTypes.js
                              ├── reducers
                                             ├── cryptoReducer.js
                                             └── index.js
                              └── store.js
               ├── App.js
               ├── App.module.css
               ├── index.css
               └── index.js

Projeyi kurmak ve çalıştırmak için,

bilgisayarda öncelikle npm paket yöneticisini yükledikten sonra, cmd ile projenin bulunduğu dizin üzerinde ‘npm install’ ve ‘npm start’ komutlarını çalıştırdıktan sonra uygulama açılacaktır.