Skip to content

Juhi3921/Cute-WebAPI

Repository files navigation

🐾 Purrfect Day

A cute, interactive web dashboard that brings together weather updates, motivational quotes, and an adorable cat companion that reacts to the environment 🌤️🐱
Built with love using HTML, CSS, JavaScript, Node.js, and Express.


✨ Features

  • 🕒 Live Clock & DateDate
  • 🌤️ Real-time Weather
    • Uses Weather API with location access
    • Cat reacts based on temperature (warm, cold, cozy vibes)
  • 💬 Motivational Quotes
    • Fetches quotes from an API
    • Includes fallback quotes if the API fails
  • 🐱 Cute Cat Companion
    • Displays random cat images using Cat API
    • Cat meows on click 🐾
    • Speech bubble shows mood & messagesages
  • 🌙 Automatic Night Mode
    • Activates after 7 PM for a cozy dark theme
  • 📅 Mini Calendar
    • Month navigation
    • Highlights today
  • 🎨 Soft & Cute UIe UI
    • Smooth animations
    • Hover effects
    • Rounded cards & pastel colorslors

🛠️ Tech Stack

Frontend

  • HTML
  • CSS (animations & responsive UI) UI)
  • JavaScript (DOM manipulation)

Backend

  • Node.js
  • Express.js
  • node-fetch
  • dotenv

APIs Used

  • Weather API
  • The Cat API 🐱
  • Quotable API (with fallback)

📂 Project Structure