<?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: sharkio</title>
    <description>The latest articles on DEV Community by sharkio (@sharkio).</description>
    <link>https://dev.to/sharkio</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%2Forganization%2Fprofile_image%2F7386%2Fef60b0ba-5db3-49b5-ad21-398532d8f8dd.jpg</url>
      <title>DEV Community: sharkio</title>
      <link>https://dev.to/sharkio</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sharkio"/>
    <language>en</language>
    <item>
      <title>Top 3 questions to ask ChatGPT using AskTheCode plugin</title>
      <dc:creator>Ido David</dc:creator>
      <pubDate>Fri, 06 Oct 2023 13:18:14 +0000</pubDate>
      <link>https://dev.to/sharkio/top-3-questions-to-ask-chatgpt-using-askthecode-plugin-1j54</link>
      <guid>https://dev.to/sharkio/top-3-questions-to-ask-chatgpt-using-askthecode-plugin-1j54</guid>
      <description>&lt;p&gt;As we all know ChatGPT is mighty and powerful and useful for various tasks like writing code, tests, and much more.&lt;/p&gt;

&lt;p&gt;ChatGPT now supports plugins. And one awesome plugin is AskTheCode. It opens up a world of possibilities both for open-source contributors and for maintainers.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Describe the architecture of the project
&lt;/h2&gt;

&lt;p&gt;I asked Chad to describe the architecture of sharkio. And it provided an amazing result that I could use as documentation.&lt;br&gt;
It recognized that there is a Client side and Server side. Provided a high level folder structure for each. It also recognized the root level code and files.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Where is file  located?
&lt;/h2&gt;

&lt;p&gt;you can use chat to locate files in the project. &lt;br&gt;
And it provides you with a link to the file.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. What libraries does the client side use?
&lt;/h2&gt;

&lt;p&gt;This is truly amazing!! &lt;br&gt;
You can quickly and easily analyze a new project.&lt;br&gt;
It provided a breakdown of main libraries/state management/testing/API/Build and devtools. &lt;/p&gt;

&lt;p&gt;This was the result when I asked Chad about Sharkio:&lt;/p&gt;

&lt;h4&gt;
  
  
  Main Libraries
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://reactjs.org/"&gt;React&lt;/a&gt;: ^18.2.0&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://reactjs.org/docs/react-dom.html"&gt;React DOM&lt;/a&gt;: ^18.2.0&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://reactrouter.com/"&gt;React Router DOM&lt;/a&gt;: ^6.10.0&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  State Management
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/pmndrs/zustand"&gt;Zustand&lt;/a&gt;: ^4.4.1&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  UI Libraries
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://mui.com/"&gt;MUI Material&lt;/a&gt;: ^5.12.1&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://mui.com/components/icons/"&gt;MUI Icons Material&lt;/a&gt;: ^5.11.16&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  API and Authentication
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://supabase.io/docs/reference/javascript/getting-started"&gt;Supabase JS&lt;/a&gt;: ^2.32.0&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/supabase/ui"&gt;Supabase Auth UI React&lt;/a&gt;: ^0.4.2&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://axios-http.com/"&gt;Axios&lt;/a&gt;: ^1.3.6&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Styling
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://emotion.sh/docs/@emotion/react"&gt;Emotion React&lt;/a&gt;: ^11.10.6&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://emotion.sh/docs/@emotion/styled"&gt;Emotion Styled&lt;/a&gt;: ^11.10.6&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Testing
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://jestjs.io/"&gt;Jest&lt;/a&gt;: ^29.5.0&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Build and Development Tools
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://vitejs.dev/"&gt;Vite&lt;/a&gt;: ^4.3.0&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.typescriptlang.org/"&gt;TypeScript&lt;/a&gt;: ^5.0.2&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://eslint.org/"&gt;ESLint&lt;/a&gt;: ^8.38.0&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://prettier.io/"&gt;Prettier&lt;/a&gt;: ^2.8.8&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Other Libraries
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/eligrey/FileSaver.js/"&gt;File Saver&lt;/a&gt;: ^2.0.5&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/swagger-api/swagger-ui"&gt;Swagger UI React&lt;/a&gt;: ^5.2.0&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/JedWatson/classnames"&gt;Classnames&lt;/a&gt;: ^2.3.2&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is a non-exhaustive list, and you can find more details in the &lt;a href="https://github.com/sharkio-dev/sharkio/blob/main/client/package.json"&gt;&lt;code&gt;package.json&lt;/code&gt;&lt;/a&gt; file.&lt;/p&gt;




&lt;p&gt;If you know any of those technologies. &lt;br&gt;
And love to contribute to open-source projects. &lt;/p&gt;

&lt;p&gt;Check out &lt;a href="https://github.com/sharkio-dev/sharkio"&gt;Sharkio&lt;/a&gt;!&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Sick of Writing Code Just for Mock Data? Try Sharkio 🚀🦈</title>
      <dc:creator>Ido David</dc:creator>
      <pubDate>Tue, 05 Sep 2023 21:27:07 +0000</pubDate>
      <link>https://dev.to/sharkio/sick-of-writing-code-just-for-mock-data-try-sharkio-4g5f</link>
      <guid>https://dev.to/sharkio/sick-of-writing-code-just-for-mock-data-try-sharkio-4g5f</guid>
      <description>&lt;p&gt;What is sharkio?&lt;/p&gt;

&lt;p&gt;Sharkio is the only tool you'll ever need for API development. Sharkio is an API proxy designed as a developer tool. It will streamline your workflow, and make API development a breeze. And it integrates seamlessly and easily!&lt;/p&gt;

&lt;p&gt;With only three easy steps. You can add new endpoints with mocked data. And you could mock existing endpoints and easily test your application.&lt;/p&gt;

&lt;p&gt;For this tutorial let's assume that we have an API at &lt;a href="http://example.api.com"&gt;http://example.api.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;1) Create a new &lt;a href="https://sharkio.dev/config"&gt;proxy&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iBm_MUKl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/my76tdfzy0xy00y6s25h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iBm_MUKl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/my76tdfzy0xy00y6s25h.png" alt="proxy createion" width="800" height="512"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Choose a port&lt;/li&gt;
&lt;li&gt;Enter the URL of your api&lt;/li&gt;
&lt;li&gt;Enter a name&lt;/li&gt;
&lt;li&gt;Save and start&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;2) Modify you frontend to call &lt;a href="https://sharkio.dev:5555"&gt;https://sharkio.dev:5555&lt;/a&gt; instead of &lt;a href="http://example.api.com"&gt;http://example.api.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;3) Easily create a mock&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9DS0UEZV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/imbdrmfm3hq57qlahv5m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9DS0UEZV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/imbdrmfm3hq57qlahv5m.png" alt="mock creation dialog" width="800" height="777"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--fV7BPdwW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dyhgbtry99tvmgshhlmv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fV7BPdwW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dyhgbtry99tvmgshhlmv.png" alt="created mock" width="800" height="777"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See that it works:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EfRgbbcs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cxxqe1ft7ojdjwxo4dxx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EfRgbbcs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cxxqe1ft7ojdjwxo4dxx.png" alt="curl request" width="800" height="389"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And that's it!!&lt;/p&gt;

&lt;p&gt;Give it a try for free at &lt;a href="https://sharkio.dev"&gt;Sharkio&lt;/a&gt;&lt;br&gt;
Star us on Github at &lt;a href="https://github.com/sharkio-dev/sharkio"&gt;Sharkio&lt;/a&gt;&lt;br&gt;
And join our community on Discord &lt;a href="https://discord.gg/8sbsuTnnr6"&gt;Invite link&lt;/a&gt;&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>devtool</category>
      <category>api</category>
      <category>mock</category>
    </item>
    <item>
      <title>The best API dev tool yet!</title>
      <dc:creator>Ido David</dc:creator>
      <pubDate>Tue, 05 Sep 2023 01:00:00 +0000</pubDate>
      <link>https://dev.to/sharkio/the-best-api-dev-tool-yet-ji9</link>
      <guid>https://dev.to/sharkio/the-best-api-dev-tool-yet-ji9</guid>
      <description>&lt;p&gt;Hello fellow developers!&lt;/p&gt;

&lt;p&gt;We are excited to share with you that Sharkio is now live!&lt;br&gt;
Check it out at &lt;a href="https://sharkio.dev"&gt;https://sharkio.dev&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Who is this tool good for?&lt;/p&gt;

&lt;p&gt;Fullstack developers&lt;br&gt;
Microservice developers&lt;br&gt;
Api developers&lt;/p&gt;

&lt;p&gt;Popular use cases:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Everyday debugging&lt;/li&gt;
&lt;li&gt;New team member that wants to understand the behavior of the system more easily&lt;/li&gt;
&lt;li&gt;Complex debugging scenarios across multiple services&lt;/li&gt;
&lt;li&gt;Easily debugging a front-end application with multiple&lt;/li&gt;
&lt;li&gt;Easily monitoring requests made to third parties&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>api</category>
      <category>tooling</category>
      <category>opensource</category>
      <category>microservices</category>
    </item>
  </channel>
</rss>
