This project is a full-stack weather task manager application with a React frontend and a MERN stack backend, both written in TypeScript.
The backend integrates with the OpenWeatherMap API to fetch real-time weather data for any city. Users can check the current weather and create weather-related tasks, including saving queries and managing them.
- React with TypeScript
- Tailwind CSS for styling
- Node.js with Express (MERN stack)
- MongoDB for database
- TypeScript
- Fetch current weather data by city name.
- Returns temperature, humidity, and weather conditions.
- Server-side in-memory caching to reduce API calls.
- Create: Add new weather tasks with title (e.g., "Check weather for London"), description (e.g., weather details), and optional category (travel, daily).
- Read: Retrieve all tasks for the authenticated user. Supports filtering by status (checked/pending) and category.
- Read Single Task: Get task details by ID.
- Update: Modify task details or update status by ID.
- Delete: Remove a task by ID.
- Node.js installed
- MongoDB instance running or accessible remotely
From the root directory, navigate to both frontend and backend folders and install dependencies:
cd FE
npm install
cd ../BE
npm installStart both the frontend and backend servers in development mode:
# In FE folder
npm run dev
# In BE folder
npm run devThe frontend will connect to the backend APIs and external weather API to provide live weather and task management user experience.
This project is licensed under the MIT License.