After a brief internship break, I resumed my learning journey on Scrimba to strengthen my frontend development skills. Here’s what I accomplished over two days:
Day 101 Focus: Async JavaScript & Promises
- Revisited promise rejection handling and error-first callbacks.
- Practiced converting callback-based code to promise/async-await patterns.
- Started building a personal dashboard with:
- Cryptocurrency price tracking (using CoinGecko API)
- Weather integration (OpenWeatherMap API)
- Dynamic time display with timezone support
- Background image fetching from Unsplash
Day 102: Completing the Dashboard Chrome Extension
- Implemented Chrome extension packaging for the dashboard
- Added modern CSS features:
- CSS variables for theme switching (light/dark modes)
- Flexbox layouts for responsive design
- CSS animations for data refresh indicators
- Integrated error handling with try...catch blocks
- Finalized API data flow:
- Async/await for parallel API calls
- LocalStorage for user preferences
- Chart.js integration for crypto price visualization
Key Features of the Dashboard:
- Real-time cryptocurrency prices with alerts
- Current weather + 3-day forecast
- Multi-timezone clock with precision updates
- Customizable themes and background images
- Mobile-first responsive design
Challenges Overcome:
- Managing multiple API rate limits
- Synchronizing async data fetches
- Implementing smooth theme transitions
- Packaging as Chrome extension with service workers
What’s Next:
- Add more crypto comparison features
- Implement WebSocket for real-time updates
- Explore IndexedDB for offline functionality
Project Links:
GitHub Repo: https://github.com/toptech5419/100-days-of-code.git
Connect With Me:
LinkedIn: https://www.linkedin.com/in/toptech5419
X (Twitter): https://x.com/Toptech5419
Medium: https://medium.com/@alabitemitope51
This project solidified my understanding of modern JavaScript patterns and API integrations. Onward to more complex challenges!
Top comments (0)