Add temperature converter project

src/data/projects/temperature-converter.md

@@ -0,0 +1,33 @@
+---
+title: Temperature Converter
+description: Build a temperature converter that converts between different units.
+isNew: false
+sort: 27
+difficulty: intermediate
+nature: JavaScript
+skills:
+  - HTML
+  - CSS
+  - JavaScript
+  - DOM Manipulation
+seo:
+  - title: Build a Temperature Converter with JavaScript
+  - description: Learn how to create an interactive temperature converter that converts between Celsius, Fahrenheit, and Kelvin using JavaScript.
+  - keywords:
+    - 'temperature converter'
+    - 'javascript project'
+    - 'unit conversion'
+    - 'html and css'
+roadmapIds:  
+  - 'frontend'
+---
+
+This project is designed to help you practice DOM manipulation, form handling, and basic calculations in JavaScript.
+
+You will create a temperature converter that allows users to enter a temperature value, select the unit they want to convert from, and select the unit they want to convert to. The "Convert" button should only be enabled when all three fields are filled in. Once the user clicks "Convert," the tool will display the converted temperature below the form.
+
+Here is a mockup of what the temperature converter might look like:
+
+[![Temperature Converter](https://assets.roadmap.sh/guest/temperature-converter-8omel.png)](https://assets.roadmap.sh/guest/temperature-converter-8omel.png)
+
+This project will help you gain experience with handling user input, conditionally enabling form elements, and performing simple calculations using JavaScript.