This app can convert the temperature in both Celsius as input to Fahrenheit and Fahrenheit as input to Celsius.
- Open this link.
- Input the number you want to convert.
- See the converted results.
Language: Typescript, Javascript, CSS
Framework: Next.js, Tailwind CSS
git clone https://github.com/atzzCokeK/temperature-convertor.gitnpm inpm run devaccess http://localhost:3000/
I selected Typescript to develop. I am sure that typed programming is very useful and better at any scale, even if an app is small. In my experience, I mainly used Elm which is pure-functional programming language.
Why I selected Next.js is that it seems very easy and fast to develop. I think it is appropriate for this kind of light app. Especially, I like the point that it doesn't need many configs to build and deploy. And also I have never used Next.js, so this is the very nice opportunity to learn something new.
I mostly used css and scss. But in my team, it is getting hard to maintain solid design in the product. Tailwind-css is easy to implement and use. Negative point is that class name is often too long though.
This test is to make an app that converts input in Celsius to Fahrenheit. However, I think it is better to convert it also it in Fahrenheit to Celsius. I try to make my app easy to know both of them are available.
- I make the custom hook(useDarkMode.ts) to handle the state(light or dark).
- I use local-storage to read when this app is initialized, and also set the current state when it's toggled.