I have studied the open-source postman API source which contains all Application Programming Interfaces (APIs) related to Corona Cases. All countries listed with these categories in descending order.A Pie Chart depicting the number of cases.4 different boxes to show actual numbers: Total, Active, Recovered and Deaths. ![]() I decided to have 4 different sections on this home tab: We have also added 5 different tabs to our app with routing. So far, we have done the basic installation and scaffolding of the app. In this part of the process, we will develop the World and Guidelines tabs for our Ionic React hybrid app. This is it for Day 0.? Day 1 - Developing COVID19 Dashboard and Safety Guidelines tabs Let me know in case you're stuck with any issues related to installation, compile-time, or run-time errors. All tabs should be working smoothly with proper routing. Open your App.tsx file and add the below router inside Ĭheck your app in the browser again, and you should see all these tabs with their respective pages. Let’s add routing to our app which will allow us to visit all 5 different tabs explained above. Now index.html and index.tsx are your first pages for Single Page Applications (SPAs). So far, you should be running your ionic-react app in your local browser. ?This is your basic app installation and scaffolding. Click on the localhost option in the terminal to check. Voilà! ? Your Ionic app is now running in a web browser. ![]() Now, go to your app folder and run these 2 commands tsx files with other sub-folders in the proper sequence. You should have gotten all the default HTML, CSS and.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |