<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Harikrishnan</title>
    <description>The latest articles on Forem by Harikrishnan (@hari2897).</description>
    <link>https://forem.com/hari2897</link>
    <image>
      <url>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%2F281210%2F35a86741-57ef-4d7a-b47e-5dad18fee5e9.jpeg</url>
      <title>Forem: Harikrishnan</title>
      <link>https://forem.com/hari2897</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/hari2897"/>
    <language>en</language>
    <item>
      <title>
I need to know what path should I take to create a app that displays music notes of songs on choosing a song from list.</title>
      <dc:creator>Harikrishnan</dc:creator>
      <pubDate>Thu, 19 Dec 2019 04:31:26 +0000</pubDate>
      <link>https://forem.com/hari2897/i-need-to-know-what-path-should-i-take-to-create-a-app-that-displays-music-notes-of-songs-on-choosing-a-song-from-list-4j2n</link>
      <guid>https://forem.com/hari2897/i-need-to-know-what-path-should-i-take-to-create-a-app-that-displays-music-notes-of-songs-on-choosing-a-song-from-list-4j2n</guid>
      <description>&lt;p&gt;I need a help with a personal project I'm trying to make .&lt;/p&gt;

&lt;p&gt;I want to create an app , that will be running on phone and if it runs on desktop it's a bonus .&lt;/p&gt;

&lt;p&gt;It will be a simple app that will show a list of songs on the home page&lt;/p&gt;

&lt;p&gt;Upon clicking on a song , it shows the musical notes to play that song.&lt;/p&gt;

&lt;p&gt;A simple text format notes. Nothing fancy. [As shown in the sample pics]&lt;/p&gt;

&lt;p&gt;I have scraped the links to all the song notes and stored it as a json file. And that's it. Idk what next.&lt;/p&gt;

&lt;p&gt;What technologies should I be using now? Past few days I have been extensively watching full stack videos . Mainly backend . I have basic knowledge of front end . I completed web design and js course from freecodecamp just recently. Now I'm learning react. I have no experience in backend whatsoever other than watching videos . So what would be the best way to proceed for building such an app? React native ? Mern Stack ? I'm completely confused . Idk whether backend is required at all.&lt;/p&gt;

&lt;p&gt;This is a similar app to what I would want to do.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fe3wliu9826xuxcrq7cnw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fe3wliu9826xuxcrq7cnw.png" alt="List of songs"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fdedhctvqkwa4rypvvysk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fdedhctvqkwa4rypvvysk.png" alt="Notes of songs"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So I have the json file with all the links to the "song notes" pages. But I don't know how to proceed. What kind of app should I be building? What all frameworks I would need? Can someone please show me a path&lt;/p&gt;

&lt;p&gt;Maybe link to a video that builds such an app/web app?&lt;/p&gt;

&lt;p&gt;Thank you all in advance. Been on this for many days , but without a proper path.&lt;br&gt;
Excited to read your replies.&lt;/p&gt;

</description>
      <category>react</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>help</category>
    </item>
    <item>
      <title>Where should I begin and what steps should I follow to make simple app that fetches data from a website or displays on app?</title>
      <dc:creator>Harikrishnan</dc:creator>
      <pubDate>Fri, 13 Dec 2019 06:20:51 +0000</pubDate>
      <link>https://forem.com/hari2897/where-should-i-begin-and-what-steps-should-i-follow-to-make-simple-app-that-fetches-data-from-a-website-or-displays-on-app-4cgi</link>
      <guid>https://forem.com/hari2897/where-should-i-begin-and-what-steps-should-i-follow-to-make-simple-app-that-fetches-data-from-a-website-or-displays-on-app-4cgi</guid>
      <description>&lt;p&gt;Where should I begin and what steps should I follow to make simple app that fetches data (music notes of songs) from a website (without api) and then displays in a app (react native) ?&lt;/p&gt;

&lt;p&gt;I'm trying to create a simple react native app that will fetch musical notes from a website for songs and display it on the app.&lt;/p&gt;

&lt;p&gt;Link to website : &lt;a href="http://www.keylessonline.com/list/tamil"&gt;http://www.keylessonline.com/list/tamil&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I have basic knowledge of HTML,CSS, Javascript ..&lt;/p&gt;

&lt;p&gt;But I don't know where to begin now. I found that you need to an API to fetch data...but that website doesn't have an API .&lt;/p&gt;

&lt;p&gt;Can you guys help me with what I should be doing and how to proceed.&lt;/p&gt;

&lt;p&gt;I'm doing this as my personal project.&lt;/p&gt;

&lt;p&gt;I want it to look something like this , but more styled .&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QQOCSh2v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/VCeZctfExcnxU6AjPqlIToDijHE_0-JhSlAT38DbaQR5rI9Nv1J0u1mB5Ga4VF-HZ_Q%3Dw1920-h861-rw" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QQOCSh2v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/VCeZctfExcnxU6AjPqlIToDijHE_0-JhSlAT38DbaQR5rI9Nv1J0u1mB5Ga4VF-HZ_Q%3Dw1920-h861-rw" alt="One"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Xr5q--xz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/KEbkGAe9Y3Zqz_L6wmGBsL0rB7zfV--XrF-a4Z8CKV7_bpIamnrCMDijhUcPMN1X_Oc%3Dw1920-h861-rw" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Xr5q--xz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/KEbkGAe9Y3Zqz_L6wmGBsL0rB7zfV--XrF-a4Z8CKV7_bpIamnrCMDijhUcPMN1X_Oc%3Dw1920-h861-rw" alt="2"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sQ9Nn3mv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/QR8VT2wEeiu10qdcdtcaY3dcSkYOwB0m8IP11hF7J_Sq96SDPKagFw2NKcgUXv4yN9wJ%3Dw1920-h861-rw" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sQ9Nn3mv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/QR8VT2wEeiu10qdcdtcaY3dcSkYOwB0m8IP11hF7J_Sq96SDPKagFw2NKcgUXv4yN9wJ%3Dw1920-h861-rw" alt="3"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TKyJbxy8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/yBeAMdd-DztN1WV9WcGlg5CCflYzfwNo-DdW62whQGBa2_8LbRKfhZgQ87iKL3az_SA%3Dw1920-h861-rw" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TKyJbxy8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://lh3.googleusercontent.com/yBeAMdd-DztN1WV9WcGlg5CCflYzfwNo-DdW62whQGBa2_8LbRKfhZgQ87iKL3az_SA%3Dw1920-h861-rw" alt="4"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;TLDR : Basically , I want to create an app that fetches data from the website (or offline, if I have to scrape the data before hand) and displays it on the app.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>reactnative</category>
      <category>database</category>
    </item>
    <item>
      <title>How to create a simple react native app that will fetch data from a music notes website and display it on the app?</title>
      <dc:creator>Harikrishnan</dc:creator>
      <pubDate>Wed, 11 Dec 2019 09:53:04 +0000</pubDate>
      <link>https://forem.com/hari2897/how-to-create-a-simple-react-native-app-that-will-fetch-data-from-a-music-notes-website-and-display-it-on-the-app-mb7</link>
      <guid>https://forem.com/hari2897/how-to-create-a-simple-react-native-app-that-will-fetch-data-from-a-music-notes-website-and-display-it-on-the-app-mb7</guid>
      <description>&lt;p&gt;I'm trying to create a simple react native  app that will fetch musical notes from a website for songs and display it on the app.&lt;br&gt;
I have basic knowledge of HTML,CSS, Javascript ..&lt;br&gt;
But I don't know where to begin now.&lt;br&gt;
I found that you need to an API to fetch data...but that website doesn't have an API .&lt;br&gt;
Can you guys help me with what I should be doing and how to proceed.&lt;br&gt;
I'm doing this as my personal project.&lt;br&gt;
The website link : &lt;a href="http://www.keylessonline.com/list/tamil"&gt;http://www.keylessonline.com/list/tamil&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So basically , I want the list of the songs to display on the app and user should be able to search for a song and given the link to view the notes .&lt;/p&gt;

&lt;p&gt;Reddit post for the same.&lt;br&gt;
&lt;a href="https://redd.it/e94wd3"&gt;https://redd.it/e94wd3&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
      <category>javascript</category>
      <category>wwebdev</category>
    </item>
  </channel>
</rss>
