<blockquote>
<p>Introduction</p>
</blockquote>
<p>Hello!, This is my article for submission for the Hashnode x PlantScale hackathon</p>
<p>Hackathon: <a target="_blank" href="https://townhall.hashnode.com/planetscale-hackathon">Hashnode x PlanetScale hackathon</a></p>
<blockquote>
<p>Introducing ShowCasehub</p>
</blockquote>
<p>—ShowCaseHub: A place to showcase your projects.
The app's primary focus is to showcase projects and get more reach. </p>
<blockquote>
<p>Tech Stack⚙️</p>
</blockquote>
<ul>
<li>Next Js &amp; TailwindCSS (Frontend)</li>
<li>PlanetScale (MySQL database)</li>
<li>Axios (HTTP request)</li>
<li>Chakra UI (UI Component)</li>
<li>Framer Motion (Animation)</li>
<li>Netlify (Deploy)</li>
</ul>
<blockquote>
<p>Screens</p>
</blockquote>
<p>What you can see in ShowCaseHub:</p>
<ol>
<li>Loading Page
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854429966/ugA99Kr2T.png" alt="image.png" /></li>
<li>Dashboard Page ( Before Authentication )
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854470530/CcFF65G3I.png" alt="image.png" /></li>
<li>Signup Page
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854484480/fFMdk8ALO.png" alt="image.png" /></li>
<li>Login Page
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854498884/hr5HKsV8l.png" alt="image.png" /></li>
<li>Dashboard Page ( After Authentication )
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854525758/NGhif8zKp.png" alt="image.png" /></li>
<li>Create Project Page
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854751579/24Qhfix5l.png" alt="image.png" />
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854616263/RtlQDEsDD.png" alt="image.png" /></li>
<li>Projects Page
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854634394/F3li2foAY.png" alt="image.png" /></li>
<li>User Page
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658854708017/kqw29oj6A.png" alt="image.png" /></li>
</ol>
<blockquote>
<p>On how to use</p>
</blockquote>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://youtu.be/QlIWDNqsV5U">https://youtu.be/QlIWDNqsV5U</a></div>
<blockquote>
<p>Important Links</p>
</blockquote>
<p>Live 🌐: <a target="_blank" href="https://showcase-hub.netlify.app/">showcase-hub</a></p>
<p>Github : <a target="_blank" href="https://github.com/lmas3009/showcasehub">showcase-hub</a></p>
<blockquote>
<p>Future plans</p>
</blockquote>
<p>Adding a search filter to find the exact project. </p>
<blockquote>
<p>Conclusion</p>
</blockquote>
<p>Big thanks to PlanetScale and Hashnode for hosting this hackathon.</p>
<p>Let me know your suggestion about showcase-hub. Thanks for reading the article 💖.</p>
<p><a target="_blank" href="https://www.buymeacoffee.com/aravindkumar309"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658855587069/pXX8i-V2m.png" alt="image.png" /></a></p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/AravindKumarV09/status/1551998076084109312">https://twitter.com/AravindKumarV09/status/1551998076084109312</a></div>


> Introduction

Hello!, This is my article for submission for the Hashnode x PlantScale hackathon

Hackathon: [Hashnode x PlanetScale hackathon](https://townhall.hashnode.com/planetscale-hackathon)

> Introducing ShowCasehub

—ShowCaseHub: A place to showcase your projects.
The app's primary focus is to showcase projects and get more reach. 

> Tech Stack⚙️

- Next Js & TailwindCSS (Frontend)
- PlanetScale (MySQL database)
- Axios (HTTP request)
- Chakra UI (UI Component)
- Framer Motion (Animation)
- Netlify (Deploy)


> Screens

What you can see in ShowCaseHub:
 
1. Loading Page
  ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854429966/ugA99Kr2T.png align="left")
2. Dashboard Page ( Before Authentication )
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854470530/CcFF65G3I.png align="left")
3. Signup Page
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854484480/fFMdk8ALO.png align="left")
4. Login Page
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854498884/hr5HKsV8l.png align="left")
5. Dashboard Page ( After Authentication )
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854525758/NGhif8zKp.png align="left")
6. Create Project Page
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854751579/24Qhfix5l.png align="left")
  ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854616263/RtlQDEsDD.png align="left")
7. Projects Page
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854634394/F3li2foAY.png align="left")
8. User Page
  ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658854708017/kqw29oj6A.png align="left")
 


> On how to use

%[https://youtu.be/QlIWDNqsV5U]

> Important Links


Live 🌐: [showcase-hub](https://showcase-hub.netlify.app/)

Github : [showcase-hub](https://github.com/lmas3009/showcasehub)

> Future plans

Adding a search filter to find the exact project. 


 > Conclusion

Big thanks to PlanetScale and Hashnode for hosting this hackathon.

Let me know your suggestion about showcase-hub. Thanks for reading the article 💖.

[![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658855587069/pXX8i-V2m.png align="left")](https://www.buymeacoffee.com/aravindkumar309)

%[https://twitter.com/AravindKumarV09/status/1551998076084109312]



Aravind Kumar Vemula

Aravind Kumar Vemula

ShowCaseHub: A place to showcase your projects

Table of contents

No headings in the article.