# ShowCaseHub: A place to showcase your projects

> 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]