https://github.com/amansrv/interactive-mood-journal-webapp

Develop a personal mood journal web application that integrates real-time weather data. This project is aimed at assessing your ability to build responsive, user-focused interfaces while utilizing public APIs and geolocation features.
https://github.com/amansrv/interactive-mood-journal-webapp

css3 html5 javascript web webapplication

Last synced: about 1 month ago
JSON representation

Develop a personal mood journal web application that integrates real-time weather data. This project is aimed at assessing your ability to build responsive, user-focused interfaces while utilizing public APIs and geolocation features.

• Host: GitHub
• URL: https://github.com/amansrv/interactive-mood-journal-webapp
• Owner: amansrv
• Created: 2025-04-22T13:57:56.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-22T14:18:54.000Z (about 1 year ago)
• Last Synced: 2025-04-27T00:53:52.184Z (about 1 year ago)
• Topics: css3, html5, javascript, web, webapplication
• Language: JavaScript
• Homepage: https://interactive-mood-journal-web-app.vercel.app/
• Size: 19.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🌦️ Interactive Mood Journal with Weather Integration 🌈

[![Live Demo](https://img.shields.io/badge/Demo-Live%20Demo-green?style=for-the-badge)](https://your-deployed-link-here.com) 

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)

A beautifully crafted web application that helps you track your daily mood while staying connected to the weather around you. ☀️➡️🌧️

[App Preview](https://interactive-mood-journal-web-app.vercel.app/)

## ✨ Features

### 🌟 Core Features

- 🎭 5+ animated mood icons with dynamic background theming

- 📍 Automatic location detection using Geolocation API

- 🌦️ Real-time weather integration with visual icons

- 📅 Interactive calendar view for historical entries

- 📝 Daily journaling with smart character counter

- 💾 Local storage for persistent data

- 📱 Fully responsive design

### 🚀 Bonus Features

- 🌙 Dark mode toggle

- 📤 CSV export functionality

- 📊 Mood trend visualization chart

- 🔍 Mood-based entry filtering

## 🛠️ Tech Stack

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=black)

![OpenWeatherMap API](https://img.shields.io/badge/OpenWeatherMap-API-success)

![Local Storage](https://img.shields.io/badge/Local_Storage-FFD700?style=flat)

## 🚀 Getting Started

### Prerequisites

- Node.js v16+

- OpenWeatherMap API key

### Installation

1. Clone the repository

```bash

git clone https://github.com/yourusername/mood-journal.git