The latest articles on DEV Community by Sethanant Pipatpakorn (@thetkpark). https://dev.to/thetkpark 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%2F306204%2Fc5d03d93-cc9f-4ea6-84d0-7e8f7748d75b.jpeg https://dev.to/thetkpark en Sethanant Pipatpakorn Sat, 07 May 2022 15:04:43 +0000 https://dev.to/thetkpark/confessions-site-46d9 https://dev.to/thetkpark/confessions-site-46d9 <h3> Overview of My Submission </h3> <p>I made this website with the inspiration from MIT Confessions. It's a Facebook page which MIT students can submit their confessions with the Google Forms. Then, the Facebook page admin will repost the confessions in the Facebook page timeline anonymously. The website I built has the same concept. People can submit their confessions and displayed to others. I used the AppWrite database to store all the confessions. </p> <h3> Submission Category: </h3> <p>Web2 Wizards</p> <h3> Link to Code </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/thetkpark"> thetkpark </a> / <a href="https://github.com/thetkpark/appwrite-confessions"> appwrite-confessions </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> Overview</h1> <p>I made this website with the inspiration from MIT Confessions. It's a Facebook page which MIT students can submit their confessions with the Google Forms. Then, the Facebook page admin will repost the confessions in the Facebook page timeline anonymously. The website I built has the same concept. People can submit their confessions and displayed to others. I used the AppWrite database to store all the confessions.</p> <p>This is a <a href="https://nextjs.org/" rel="nofollow">Next.js</a> project bootstrapped with <a href="https://github.com/vercel/next.js/tree/canary/packages/create-next-app"><code>create-next-app</code></a>.</p> <h2> Getting Started</h2> <div class="highlight highlight-source-shell position-relative overflow-auto js-code-highlight"> <pre>npm run dev <span class="pl-c"><span class="pl-c">#</span> or</span> yarn dev</pre> </div> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/thetkpark/appwrite-confessions">View on GitHub</a></div> <br> </div> <br> <h3> Additional Resources / Info </h3> <p><a href="https://confessions.cscms.me">Live demo</a></p> <blockquote> <p>I hosted it in Raspberry Pi in my home and used Cloudflare Tunnel to expose to the internet. It might have some problem from time to time. </p> </blockquote> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_fX4sxKb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1hc5hmlctidhoupoekj1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_fX4sxKb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1hc5hmlctidhoupoekj1.png" alt="Image description" width="880" height="550"></a></p> appwritehack