<p>This weekend I want to make a clone of 4 chan. It won't be as big as 4chan lol.<br>
But still I'll use this post to design and decide the stack to use.</p>

<h2>
  <a name="what-is-4-chan" href="#what-is-4-chan">
  </a>
  What is 4 chan
</h2>

<blockquote>
<p>4chan is a simple image-based bulletin board where anyone can post comments and share images. There are boards dedicated to a variety of topics, from Japanese animation and culture to videogames, music, and photography. Users do not need to register an account before participating in the community.  ~ <em>4chan Homepage</em></p>
</blockquote>

<h2>
  <a name="what-we-want-5chan-to-be" href="#what-we-want-5chan-to-be">
  </a>
  What we want 5chan to be
</h2>

<ul>
<li>Text based</li>
<li>Anonymous [ no registration ]</li>
<li>Posts</li>
<li>Replies to posts</li>
<li>Timeline of posts on homepage</li>
</ul>

<h2>
  <a name="the-tech-stack-" href="#the-tech-stack-">
  </a>
  The tech stack :
</h2>

<ul>
<li>Backend

<ul>
<li><a href="https://gofiber.io/">Go-fiber</a></li>
<li><a href="https://github.com/cosmtrek/air">Air - live reload</a></li>
<li><a href="https://gorm.io/">GORM</a></li>
<li><a href="https://www.postgresql.org/">PostgreSQL</a></li>
</ul>


</li>
<li>Frontend 

<ul>
<li>
<a href="https://nextjs.org/">NextJs</a> </li>
<li><a href="https://chakra-ui.com/">Chakra UI</a></li>
<li><a href="https://swr.vercel.app/">SWR</a></li>
<li><a href="https://formik.org/">Formik</a></li>
<li><a href="https://zustand.surge.sh/">Zustand</a></li>
</ul>


</li>
<li>Hosting
    - <a href="https://www.heroku.com/">Heroku</a>
</li>
</ul>

<p>Hmmm. Thats something I can work out in a day or two for sure.</p>

<p>So ... LESGOOOO</p>

<p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--fcDMHe1F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://media.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif%3Fcid%3Decf05e47kq1h576i6japfzxpjvqixjrl4rihalyop04ipgsf%26rid%3Dgiphy.gif%26ct%3Dg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fcDMHe1F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://media.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif%3Fcid%3Decf05e47kq1h576i6japfzxpjvqixjrl4rihalyop04ipgsf%26rid%3Dgiphy.gif%26ct%3Dg" alt="cat-ready.gif" loading="lazy" data-animated="true"></a></p>


<hr>

<p>You can find me at:</p>

<p>Website : <a href="https://100lvlmaster.in">https://100lvlmaster.in</a> </p>

<p>Github : <a href="https://github.com/100lvlmaster">https://github.com/100lvlmaster</a></p>



This weekend I want to make a clone of 4 chan. It won't be as big as 4chan lol.
But still I'll use this post to design and decide the stack to use.


## What is 4 chan
> 4chan is a simple image-based bulletin board where anyone can post comments and share images. There are boards dedicated to a variety of topics, from Japanese animation and culture to videogames, music, and photography. Users do not need to register an account before participating in the community.  ~ *4chan Homepage*

## What we want 5chan to be
 
 - Text based
 - Anonymous [ no registration ]
 - Posts
 - Replies to posts
 - Timeline of posts on homepage

## The tech stack :
- Backend
	- [Go-fiber](https://gofiber.io/)
	- [Air - live reload](https://github.com/cosmtrek/air)
	- [GORM](https://gorm.io/)
	- [PostgreSQL](https://www.postgresql.org/)
- Frontend 
	- [NextJs](https://nextjs.org/) 
	- [Chakra UI](https://chakra-ui.com/)
	- [SWR](https://swr.vercel.app/)
	- [Formik](https://formik.org/)
	- [Zustand](https://zustand.surge.sh/)
- Hosting
        - [Heroku](https://www.heroku.com/)


Hmmm. Thats something I can work out in a day or two for sure.

So ... LESGOOOO


![cat-ready.gif](https://media.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif?cid=ecf05e47kq1h576i6japfzxpjvqixjrl4rihalyop04ipgsf&rid=giphy.gif&ct=g)
 
---
You can find me at:

Website : https://100lvlmaster.in 

Github : https://github.com/100lvlmaster




This weekend I want to make a clone of 4 chan. It won't be as big as 4chan lol. But still I'll use...