APIWIZ - Frontend Intern - Fresher Role Assignment
Uploaded by
Satyajit SamalAPIWIZ - Frontend Intern - Fresher Role Assignment
Uploaded by
Satyajit SamalAPIWIZ - Frontend Intern/Fresher Role Assignment
Title: Interactive Mood Journal with Weather Integration
Objective: 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.
Scope of Work: You are required to build a responsive, interactive web app that allows users to log their mood each
day and visualize it alongside real-time weather data.
Functional Requirements:
1. User Interface:
○ Clean and responsive layout compatible with mobile and desktop screens
○ Daily mood selection system with at least 5 different mood options (represented by emojis or
custom icons)
○ Short text input field for daily notes
○ Prominent display of the current date
○ Real-time weather display for the user's location
○ Calendar view for past mood entries
2. Core Features:
○ Mood selection (min. 5 options with visual feedback)
○ Date auto-population (display current date prominently)
○ Use browser's Geolocation API to fetch the user’s current location
○ Fetch weather data using a free API (e.g. OpenWeatherMap)
○ Link mood entry with weather data (store together)
3. Visual Enhancements:
○ Custom or emoji mood icons
○ Dynamic background color/theme based on selected mood
○ Smooth animations for mood selection and transitions
○ Visual representation of weather (e.g., sun icon for clear, cloud for overcast etc.)
4. User Experience Features:
○ Form validation for mood selection and note input
○ Confirmation prompt/notification after saving an entry
○ Calendar view showing all previous entries with mood and weather snapshot
○ Filter function to view entries by specific mood type
1
Technical Expectations:
● HTML, CSS (you can use Tailwind or SCSS), and JavaScript or any modern frontend framework like
React,Angular, Vue, Next.
● Clean and modular code structure
● Usage of local storage or simple backend (optional) for storing entries
● Integration with a free weather API using asynchronous calls (fetch/axios)
● Do not use any AI tools.
Deliverables:
1. Fully functional web application (hosted on GitHub Pages, Netlify, vercel or similar)
2. GitHub repository link with clean commits and README.(optional)
Bonus (Optional but Impressive):
● Dark mode toggle
● Export journal entries as a CSV or PDF
● Mood trend graph (weekly/monthly visualization)
Evaluation Criteria:
● UI/UX design and responsiveness
● Code quality, readability, and maintainability
● Proper API integration and use of geolocation
● Creativity in mood/weather visualization
● Implementation of optional features will earn bonus points
2
Design reference:
NOTE: The provided UI is for reference only. There's no Figma or fixed design — you're free to interpret and
improve the UI/UX based on your understanding of the project’s goals. We’re open to your creative direction.
Submission Deadline: 22nd April, 2025 - 10:00 PM
Submission Link: https://forms.gle/7tzVYW6zwG3uE6Ps6
Good luck!
