Add a project idea for weather service

src/data/projects/blogging-platform-api.md

@@ -2,7 +2,7 @@
 title: 'Blogging Platform API'
 description: 'Build a RESTful API for a personal blogging platform'
 isNew: false
-sort: 6
+sort: 7
 difficulty: 'beginner'
 nature: 'API'
 skills:

src/data/projects/weather-api-wrapper-service.md

@@ -0,0 +1,45 @@
+---
+title: 'Weather API'
+description: 'Build a weather API that fetches and returns weather data.'
+isNew: false
+sort: 7
+difficulty: 'beginner'
+nature: 'API'
+skills:
+  - 'Programming Language'
+  - '3rd Party APIs'
+  - 'Caching'
+  - 'Environment Variables'
+seo:
+  title: 'Weather API Project Idea'
+  description: 'Build a weather API that fetches and returns weather data from a 3rd party API.'
+  keywords:
+    - 'weather api'
+    - 'backend project idea'
+roadmapIds:
+  - 'backend'
+---
+
+In this project, instead of relying on our own weather data, we will build a weather API that fetches and returns weather data from a 3rd party API. This project will help you understand how to work with 3rd party APIs, caching, and environment variables.
+
+![Weather API](https://assets.roadmap.sh/guest/weather-api-f8i1q.png)
+
+As for the actual weather API to use, you can use your favorite one, as a suggestion, here is a link to [Visual Crossing’s API](https://www.visualcrossing.com/weather-api), it’s completely FREE and easy to use.
+
+Regarding the in-memory cache, a pretty common recommendation is to use [Redis](https://redis.io/), you can read more about it [here](https://redis.io/docs/manual/client-side-caching/), and as a recommendation, you could use the city code entered by the user as the key, and save there the result from calling the API.
+
+At the same time, when you “set” the value in the cache, you can also give it an expiration time in seconds (using the `EX` flag on the `SET` command). That way the cache (the keys) will automatically clean itself when the data is old enough (for example, giving it a 12-hours expiration time).
+
+<hr />
+
+## Some Tips
+
+Here are some tips to help you get started:
+
+- Start by creating a simple API that returns a hardcoded weather response. This will help you understand how to structure your API and how to handle requests.
+- Use environment variables to store the API key and the Redis connection string. This way, you can easily change them without having to modify your code.
+- Make sure to handle errors properly. If the 3rd party API is down, or if the city code is invalid, make sure to return the appropriate error message.
+- Use some package or module to make HTTP requests e.g. if you are using Node.js, you can use the `axios` package, if you are using Python, you can use the `requests` module.
+- Implement rate limiting to prevent abuse of your API. You can use a package like `express-rate-limit` if you are using Node.js or `flask-limiter` if you are using Python.
+
+This project will help you understand how to work with 3rd party APIs, caching, and environment variables. It will also help you understand how to structure your API and how to handle requests.

src/pages/projects/[projectId].astro

@@ -105,7 +105,7 @@ const githubUrl = `https://github.com/kamranahmedse/developer-roadmap/tree/maste
         </div>
 
         <div
-          class='prose max-w-full prose-img:max-w-[600px] prose-img:mx-auto prose-h2:mb-3 prose-h2:mt-5 prose-h3:mb-1 prose-h3:mt-5 prose-p:mb-2 prose-pre:my-3 prose-ul:my-3.5 prose-hr:my-5 [&>ul>li]:my-1'
+          class='prose max-w-full prose-h2:mb-3 prose-h2:mt-5 prose-h3:mb-1 prose-h3:mt-5 prose-p:mb-2 prose-pre:my-3 prose-ul:my-3.5 prose-hr:my-5 [&>ul>li]:my-1'
         >
           <project.Content />
         </div>