The latest articles on Forem by Ehsan Azizi (@ehsan). https://forem.com/ehsan https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F246642%2Fde635205-e0bc-4075-98a0-b6a725d64d82.jpg https://forem.com/ehsan en Ehsan Azizi Sat, 08 Aug 2020 10:23:21 +0000 https://forem.com/ehsan/weather-app-with-react-5fc3 https://forem.com/ehsan/weather-app-with-react-5fc3 <p>A weather application built with React that shows the weather forecast for any city or place around the world by consuming OpenWeatherMap API.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F25284536%2F89673475-ac759780-d8fb-11ea-93af-b557088c945b.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F25284536%2F89673475-ac759780-d8fb-11ea-93af-b557088c945b.png" alt="Screenshot"></a></p> <p>Back in April I made the application mockup in Adobe XD but didn't have the time and motivation to actually develop the app until a few weeks ago that I decided since this can be a good project for my portfolio, I have to make this and I started working on it.<br> Today I am so excited to say that I finished developing this app and making it live, obviously, some polishments need to be done but for now, I wanted to share it with you.</p> <p>As always let me know what you think about it I am glad to hear from you, also consider giving the project a star on GitHub.</p> <h4> 💎 Features </h4> <ul> <li>Weather forecast for any city or place</li> <li>Extended 7 days forecast</li> <li>Find user location weather by utilizing GeolocationAPI</li> <li>One-click Celcius to Fahrenheit conversion and vice versa</li> <li>Dark Mode</li> </ul> <h4> 💻 Tech Stack: </h4> <ul> <li>React</li> <li>Redux</li> <li>Typescript</li> <li>StyledComponents</li> </ul> <p>🌐 App:<br> <a href="https://esnz-reactweather.netlify.app" rel="noopener noreferrer">https://esnz-reactweather.netlify.app</a></p> <p>👩‍💻 Github Repo:<br> <a href="https://github.com/esnz/react-weather-app" rel="noopener noreferrer">https://github.com/esnz/react-weather-app</a></p> showdev react typescript javascript Ehsan Azizi Tue, 07 Apr 2020 04:39:13 +0000 https://forem.com/ehsan/coronavirus-dashboard-with-react-4m9l https://forem.com/ehsan/coronavirus-dashboard-with-react-4m9l <p>In an attempt to learn new things and improve my skills, I thought it's a good idea to develop a Coronavirus dashboard although we got tons of these dashboards already.</p> <p>Please let me know what you think about, any comments or suggestions are appreciated.</p> <p>Website:<br> <a href="https://corona-virus-stats.netlify.com/">https://corona-virus-stats.netlify.com/</a></p> <p>Code:<br> <a href="https://github.com/esnz/coronavirus-stats/">https://github.com/esnz/coronavirus-stats/</a></p> react javascript showdev