The latest articles on DEV Community by Ashish Chawda (@ashishchawda). https://dev.to/ashishchawda 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%2F382809%2F30108570-91b0-44bf-bb55-2dc162a8d211.jpeg https://dev.to/ashishchawda en Ashish Chawda Sat, 23 May 2020 11:28:45 +0000 https://dev.to/ashishchawda/my-first-react-app-20ff https://dev.to/ashishchawda/my-first-react-app-20ff <h2> COVID19 Tracker </h2> <h2> <a href="https://mycovidtracker.netlify.app">https://mycovidtracker.netlify.app</a> </h2> <h2> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--i3JOwpme--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"> <a href="https://github.com/pixan198"> pixan198 </a> / <a href="https://github.com/pixan198/covid19_tracker"> covid19_tracker </a> </h2> <h3> A web app to track latest coronavirus infected people all over world. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> <a href="https://mycovidtracker.netlify.app/" rel="nofollow">COVID19 Tracker</a> </h1> <h2> This web app uses <a href="https://covid19.mathdro.id/api" rel="nofollow">Covid19 Mathdro API</a> and displays information of COVID19 cases around the world.</h2> <p><a rel="noopener noreferrer" href="https://github.com/pixan198/covid19_tracker/blob/master/public/Screenshot1.PNG?raw=true"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--llyOCoAU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/pixan198/covid19_tracker/raw/master/public/Screenshot1.PNG%3Fraw%3Dtrue" alt="ScreenShot"></a> <a rel="noopener noreferrer" href="https://github.com/pixan198/covid19_tracker/blob/master/public/Screenshot2.PNG?raw=true"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xWTkkKS5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/pixan198/covid19_tracker/raw/master/public/Screenshot2.PNG%3Fraw%3Dtrue" alt="ScreenShot"></a></p> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/pixan198/covid19_tracker">View on GitHub</a></div> </div> </h2> <h2> I was learning react from various YouTube tutorials and many of them suggested to start a project in react, so that, I can maximize my learning of the framework. </h2> <h2> I started searching on YouTube for react project tutorials since it was my first project, so, I took help of tutorials to get acquainted with workflow. Then I encountered a tutorial to make a Covid 19 tracking web app using react by JavaScript Mastery. I followed the instructions and made a web app which tracks latest Covid19 cases using an API(<a href="https://covid19.mathdro.id/api">https://covid19.mathdro.id/api</a>). I'd never worked with APIs so it was a whole new experience fetching data in JSON and rendering it on webpage. I'd learned a lot from working on a project. </h2> <h2> I'd suggest to everyone who are trying to learn a new tool, language or framework, you should learn the basics from whatever thing you prefer tutorials or courses, but , after that start working on a project that doesn't need to be remarkable it can be as simple as a to-do list or calculator but atleast try to build something , if you've choosen something complex take help of internet reach out to people who are experts at it and ask them how to pursue this. </h2> <h2> Don't compare yourself with anyone, everybody has a different life, their pace of Learning is different. Just compare yourself with your previous self, who was you a day before and who are you today, what you have learnt new in a day , what good deeds you've done and that's all which matters. </h2> octograd2020