Apiary

A Multi-Api Hub

Apiary

Description

Apiary is a multi-API hub. It presents the users with top technology related news, current weather forecast as well as current exchange rates. This project is build simply as a playground for exploring different APIs. More APIs will keep getting added!

🌟 Features 🌟

  • Users can read the lastest new headlines related to technology
  • Users can view the current weather forecast. Weather location is set to Kolkata by default. Users can view weather forecast of their respective locations as well. Full weather forecast is available on the weather page.
  • Users can view the current exchange rates of popular currencies. Default base currency is set to INR. Users can use the converter on the currency page.

⚙️ Tech Stack ⚙️

  • Figma - UI Design
  • Next.js - Frontend
  • Typescript - Language
  • Tailwind - Custom Components & Shadcn UI
  • Vercel - Hosting

🚀 Things I learnt 🚀

  • Writing type-safe components using TypeScript
  • Creating custom hooks for all the APIs used
  • Using Shadcn UI components withing custom components
  • Managing several APIs together

Tools

Next.js

Next.js

Tailwind CSS

Tailwind CSS

TypeScript

TypeScript

Figma

Figma