<?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>DEV Community: aravindasiva</title>
    <description>The latest articles on DEV Community by aravindasiva (@aravindasiva).</description>
    <link>https://dev.to/aravindasiva</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%2F754677%2F0890c5b8-1e62-422a-a746-382579b2c2cc.jpeg</url>
      <title>DEV Community: aravindasiva</title>
      <link>https://dev.to/aravindasiva</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/aravindasiva"/>
    <language>en</language>
    <item>
      <title>Journey of a dyslexic programmer ? What is it like ?</title>
      <dc:creator>aravindasiva</dc:creator>
      <pubDate>Tue, 14 Dec 2021 13:13:26 +0000</pubDate>
      <link>https://dev.to/aravindasiva/journey-of-a-dyslexic-programmer-what-is-it-like--2bgf</link>
      <guid>https://dev.to/aravindasiva/journey-of-a-dyslexic-programmer-what-is-it-like--2bgf</guid>
      <description>&lt;p&gt;Ever since I was a little kid I always knew that there was an issue with my reading, writing and spelling, but never knew what it was. I always thought I was one of those different kids.&lt;/p&gt;

&lt;p&gt;As I grew up in India, schools didn't really have anything special for dsylexic kids. Well, it wasn't really the school's mistake since most of the folks in the community had no idea what is Learning Disorder or any type of disorder at all.&lt;/p&gt;

&lt;p&gt;I was called names "trouble maker", "he is trouble", "Lazy", etc., (names are translated to English XD). As a kid it didn't bother me, rather I thought it was cool for some reason.&lt;/p&gt;

&lt;p&gt;During my primary and High school years, there was at least 2 Parent-Teacher meetings where your parent and your teacher discuss about you and your Half-yearly performance with a report card.&lt;/p&gt;

&lt;p&gt;Every year at least one of the teacher says the same phrase to my parents:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;"I know he is very smart. But seems like he doesn't want to write and show that on paper."&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxi9v0skdey9iqdttdxqe.jpg" 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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxi9v0skdey9iqdttdxqe.jpg" alt="School to dyslexic kids"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;By time hearing this phrase from teachers started to annoy me as I wasn't doing that on purpose. Started to wonder and ask myself &lt;strong&gt;&lt;em&gt;"Why me?"&lt;/em&gt;&lt;/strong&gt; &lt;/p&gt;

&lt;p&gt;This phrase started when I was in pre-school where I didn't want to recite a poem or a Rhyme (which was subject called "Recitation"), I was standing in front of the whole class and din't spill a word out of my mouth. So, the teacher called my mum and said "He did not utter a single word from his mouth, regardless I am going to pass him because I know he knows the poem/Rhyme". I have no recollection of this incident whatsoever since I was 5 years old then. But Hey, Thanks to my mum.&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fugkwm1e3ut3275s551u0.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fugkwm1e3ut3275s551u0.png" alt="Time to read out loud"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you are from an Indian middle class family, You already know that excelling in academics is important for your family, family friends, relatives, your father's friends, your dog, your dog's friends, your dead fish, you get the point XD. &lt;/p&gt;

&lt;p&gt;So, as a kid, you are under constant pressure to get good marks. So you get into a good school, good university, good job, good life, etc., the race never ends.  &lt;/p&gt;

&lt;p&gt;I struggled with letters, numbers, left and right. I still find myself using fingers to count things, confusing left and right. The normal education system was not quite enough for me. I started to use my own ways to cope with academics and I found myself doing a little bit better in exams even though it did not reflect on my report card, I found it easier than before since I adapted my own strategies to learn and write. &lt;/p&gt;

&lt;p&gt;Since everything is an image in my head I was drawn towards solving problems, puzzles and arts and patterns. On the other hand, I cannot have an image for numbers or words in my head which didn't make sense. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;For example: You say &lt;strong&gt;"John Doe has an apple in his hand"&lt;/strong&gt;,&lt;br&gt;
here I can picture John doe, &lt;em&gt;if I already knew him&lt;/em&gt;, I can picture an apple, and I can picture a human hand and when you put everything as a picture you have a dashing John doe with a white shirt and blue jean with a red apple in his a hand. Can you see it? &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I used to play loads of games everyday in my teenage, and you know how parents fell about their son playing violent games filled with killing, more killing, sex. I wouldn't be surprised if they thought I am spawn of some underworld demon. So my parents were against extensive gaming. So, I went out 9 am in the morning to play games in game center (remember those places, How time flies) and come back home 9 pm (I had my meals in middle, stop judging me now XD). And yes, I lied about where I am going.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;&lt;em&gt;Now you know mum and dad, if you are reading this. Sorry 🤔?&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Most of the games got this classic chasing scene where you chase the bad guy with a NPC or getting chased by the bad guy, and the NPC sitting with you in car or a horse starts giving you directions like 'take right now', 'take hard left'. ahhhhh...and I am so confident I take the wrong right and yeah, I had to replay the whole freaking mission because I took a right instead of left, I have tried to kill the NPC character, but lucky him, he can't take damage.&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjxff8blw85gee5b9ftfv.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjxff8blw85gee5b9ftfv.png" alt="you said left, Okay right"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"I am so good at eating, So I must be a good chef"&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Yeah, That's my thought process and decided to make games with game engines. Well in my defense I made some pretty decent games. &lt;/p&gt;

&lt;p&gt;Also, learned a valuable lesson to stick with just what I am good at. &lt;/p&gt;

&lt;p&gt;So, I decided to join computer science and explore the world of computers and internet. I had a huge rush when I created my first "Hello world" in my university Computer science lab. I just wanted to know more about how does computer does these things. I had so many questions. I must thank those handful of teachers who believed in me even though I was lot of trouble 😇. &lt;/p&gt;

&lt;p&gt;At the same time, it was difficult for me to type code with basic text editor like notepad++ or something similar where I didn't have syntax highlighting, auto complete, peek definitions, type checking and all those goodies modern IDE provides today. Or at least I didn't know. &lt;/p&gt;

&lt;p&gt;Even with modern IDE available today with all the plugin, I was able to develop something good, But I found myself easily get lost in it. So I started  creating a mind map for my projects (mind map in my actual mind) So, every time I see a block of code or a function I can visualize which box it belongs to and how it is connected with other boxes. This greatly helped me with keeping track and remembering them. I also stared writing notes and drawings of what's in my head So, I can go back and look at it.&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%2Fi.gifer.com%2F3cGk.gif" 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%2Fi.gifer.com%2F3cGk.gif" alt="MindMap?"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Today I do Web development, API, and even 3d model integration. How time flies!!. I have decided to try and make mistakes. adapt from my mistakes and make new ones. Dyslexia doesn't mean you cannot code. I think dyslexia is rather helpful to visualize your project which makes it better. Coding just becomes a design in your head, In fact Dyslexia was helping it.&lt;/p&gt;

&lt;p&gt;Nowadays Modern code editors lets you bring your own font, Code editor theme matters too, Play with it until you find the right one for you. &lt;/p&gt;

&lt;p&gt;Use plugins to visualize your indentation, I use &lt;code&gt;indent-rainbow&lt;/code&gt; in VSCode&lt;/p&gt;

&lt;p&gt;Getting lost with &lt;strong&gt;brackets&lt;/strong&gt; ? Use &lt;code&gt;Bracket pair colorizer&lt;/code&gt; &lt;/p&gt;

&lt;p&gt;With or without dyslexia, or whatever level you are on, Take a step and make mistakes. Dyslexic? Well, it will help you a lot. &lt;/p&gt;

&lt;p&gt;&lt;br&gt;&lt;br&gt;
If you have made it to the end of the post I took too long to write, Congratz 🎉🎉 &lt;/p&gt;

&lt;p&gt;&lt;br&gt;&lt;br&gt;
Never in my life thought I would write such a long post. Kindly avoid my mistakes in this post 😅 Can't read such a big post again 😅 But, Hey! Well done to you 🥳&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

&lt;p&gt;This is my first long blog post and thank you for your time reading it ✌🏼&lt;br&gt;
Your comments are very welcome here. &lt;/p&gt;

</description>
      <category>career</category>
      <category>dyslexia</category>
      <category>productivity</category>
      <category>computerscience</category>
    </item>
    <item>
      <title>Tesla Cybertruck Concept (NextJS + ChakraUI + ThreeFiber)</title>
      <dc:creator>aravindasiva</dc:creator>
      <pubDate>Tue, 23 Nov 2021 17:42:35 +0000</pubDate>
      <link>https://dev.to/aravindasiva/tesla-cybertruck-concept-nextjs-chakraui-threefiber-4cej</link>
      <guid>https://dev.to/aravindasiva/tesla-cybertruck-concept-nextjs-chakraui-threefiber-4cej</guid>
      <description>&lt;h2&gt; 🎨 Customize your CyberTruck Concept&lt;/h2&gt;
&lt;br&gt;
&lt;a href="https://github.com/aravindasiva/tesla-cybertruck-concept"&gt;Go to Repo&lt;/a&gt;


&lt;h3&gt;Cybertruck concept&lt;/h3&gt;


&lt;p&gt;&lt;br&gt;
    What would happen if Tesla let us choose the colors ??&lt;br&gt;
  &lt;/p&gt;






  &lt;a href="https://github.com/aravindasiva/tesla-cybertruck-concept"&gt;
  &lt;/a&gt;
    &lt;a href="https://cybertruck-concept.netlify.app/"&gt;View Demo&lt;/a&gt;




&lt;h1&gt;
  
  
  Built With
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/"&gt;Next.js&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chakra-ui.com/docs/getting-started"&gt;Chakra-UI&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://threejs.org/"&gt;ThreeJS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/pmndrs/react-three-fiber"&gt;Three Fiber&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/pmndrs/drei"&gt;Three drei&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/pmndrs/gltfjsx"&gt;gltfjsx&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.blender.org/"&gt;Blender - 3D Modelling software&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  Getting Started
&lt;/h2&gt;

&lt;p&gt;First, run the development server:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;yarn &lt;span class="c"&gt;#to install the dependencies&lt;/span&gt;
&lt;span class="c"&gt;# and&lt;/span&gt;
yarn dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Open &lt;a href="http://localhost:3000"&gt;http://localhost:3000&lt;/a&gt; with your browser to see the result.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Contribute
&lt;/h2&gt;

&lt;p&gt;First fork this repo&lt;br&gt;
create your branch&lt;br&gt;
add your feature &lt;br&gt;
Push your branch and make a PR&lt;/p&gt;

&lt;p&gt;OR&lt;/p&gt;

&lt;p&gt;Add your feature request or report bug &lt;a href="https://github.com/aravindasiva/tesla-cybertruck-concept/issues"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Authors
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Author: Aravinda Siva &lt;br&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://www.linkedin.com/in/aravindasiva/"&gt;LinkedIn&lt;/a&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://github.com/aravindasiva/"&gt;Github&lt;/a&gt;&lt;/p&gt;

</description>
      <category>actionshackathon21</category>
      <category>opensource</category>
      <category>github</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Demotivation Quotes API (GraphQL + ApolloServer + nodejs)</title>
      <dc:creator>aravindasiva</dc:creator>
      <pubDate>Tue, 23 Nov 2021 17:26:02 +0000</pubDate>
      <link>https://dev.to/aravindasiva/demotivation-quotes-api-graphql-apolloserver-nodejs-4iop</link>
      <guid>https://dev.to/aravindasiva/demotivation-quotes-api-graphql-apolloserver-nodejs-4iop</guid>
      <description>&lt;h2&gt;
  
  
  &lt;a href="https://github.com/aravindasiva/demotivational-quotes-api"&gt;😒 Demotivational Quotes API&lt;/a&gt; &lt;br&gt;&lt;br&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  A GraphQL API for get random demotivational quotes
&lt;/h2&gt;

&lt;p&gt;Retrieve a random demotivational quote or all demotivational quotes, This is a simple graphQL API.&lt;br&gt;
Contributions or feature ideas are welcome. You can see the Live version &lt;/p&gt;
&lt;h2&gt;
  
  
  Playground here:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://demotivation-quotes-api.herokuapp.com/graphql"&gt;demotivation-quotes-api.herokuapp.com&lt;/a&gt; 🤏&lt;/p&gt;
&lt;h2&gt;
  
  
  NextJS app using this API
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://negative-space.netlify.app/"&gt;negative-space.netlify.app&lt;/a&gt; 🤏&lt;br&gt;
&lt;a href="https://github.com/aravindasiva/demotivational-quotes-web"&gt;Frontend Repo&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  How to Use
&lt;/h2&gt;
&lt;h2&gt;
  
  
  Queries
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;quotes (retrives all the quotes)&lt;/li&gt;
&lt;li&gt;randomQuote (retrives a random quote from the QuotesData)&lt;/li&gt;
&lt;/ul&gt;
&lt;h4&gt;
  
  
  Example with data
&lt;/h4&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight graphql"&gt;&lt;code&gt;&lt;span class="k"&gt;query&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="n"&gt;quotes&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;id&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;quote&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;author&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight graphql"&gt;&lt;code&gt;&lt;span class="k"&gt;query&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="n"&gt;randomQuote&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;id&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;quote&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;author&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;h2&gt;
  
  
  Example Response
&lt;/h2&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight graphql"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="n"&gt;data&lt;/span&gt;&lt;span class="err"&gt;":&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="n"&gt;randomQuote&lt;/span&gt;&lt;span class="err"&gt;":&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="n"&gt;id&lt;/span&gt;&lt;span class="err"&gt;":&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;"6"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="n"&gt;quote&lt;/span&gt;&lt;span class="err"&gt;":&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="n"&gt;Those&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;who&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;doubt&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;your&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;ability&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;probably&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;have&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;a&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;valid&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;reason&lt;/span&gt;&lt;span class="err"&gt;."&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="n"&gt;author&lt;/span&gt;&lt;span class="err"&gt;":&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="n"&gt;unknown&lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;h2&gt;
  
  
  How to Install
&lt;/h2&gt;

&lt;p&gt;For running this project locally, you must fork this project first. Then,&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;yarn
yarn start &lt;span class="c"&gt;# Using nodemon for auto-reloading&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The server starts at &lt;a href="http://localhost:4000/"&gt;http://localhost:4000/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Contribute
&lt;/h2&gt;

&lt;p&gt;First fork this repo&lt;br&gt;
create your branch&lt;br&gt;
add your feature or your quote in QuoteData.js&lt;br&gt;
Push your branch and make a PR&lt;/p&gt;

&lt;p&gt;OR&lt;/p&gt;

&lt;p&gt;Add your quote and author &lt;a href="https://github.com/aravindasiva/demotivational-quotes-api/issues"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  About
&lt;/h2&gt;

&lt;p&gt;Aravinda Siva – &lt;a href="https://www.linkedin.com/in/aravindasiva/"&gt;LinkedIn&lt;/a&gt; – &lt;a href="//mailto:aravindcva@hotmail.com"&gt;aravindcva@hotmail.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/aravindasiva"&gt;https://github.com/aravindasiva&lt;/a&gt;&lt;/p&gt;

</description>
      <category>graphql</category>
      <category>actionshackathon21</category>
      <category>beginners</category>
      <category>api</category>
    </item>
    <item>
      <title>NextJS + ChakraUI + Storybook Smooth scroll boilerplate (TypeScript)</title>
      <dc:creator>aravindasiva</dc:creator>
      <pubDate>Tue, 16 Nov 2021 14:42:05 +0000</pubDate>
      <link>https://dev.to/aravindasiva/nextjs-chakraui-storybook-smooth-scroll-boilerplate-typescript-10i9</link>
      <guid>https://dev.to/aravindasiva/nextjs-chakraui-storybook-smooth-scroll-boilerplate-typescript-10i9</guid>
      <description>&lt;p&gt;This is a quick start boilerplate for people who wants to build a SPA application with nextJS,&lt;/p&gt;

&lt;p&gt;The Project includes Smooth af scroll using react-scroll, ChakraUI for fast af development, and Storybook to create cool af components.&lt;/p&gt;

&lt;p&gt;and uses typescript for people who use typescript !! (God knows why)&lt;/p&gt;

&lt;p&gt;Built With&lt;br&gt;
Next.js&lt;br&gt;
Chakra-UI&lt;br&gt;
Storybook&lt;br&gt;
react-scroll&lt;/p&gt;

&lt;p&gt;Github link: &lt;a href="https://github.com/aravindasiva/next-smooth-scroll-template"&gt;https://github.com/aravindasiva/next-smooth-scroll-template&lt;/a&gt;&lt;br&gt;
View demo here: &lt;a href="https://next-smooth-scroll-template.vercel.app/"&gt;https://next-smooth-scroll-template.vercel.app/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>chakraui</category>
      <category>typescript</category>
      <category>react</category>
    </item>
  </channel>
</rss>
