<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Venkata Penumatsa]]></title><description><![CDATA[Venkata Penumatsa]]></description><link>https://venkata-penumatsa.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Thu, 18 Jun 2026 12:38:02 GMT</lastBuildDate><atom:link href="https://venkata-penumatsa.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Time Sheets Application for organizations]]></title><description><![CDATA[Hello Everyone,
I am happy to share with you all that I am participating in this Hackathon and submitting the Time Sheets application. 
What is this project & How this is useful?

This is a simple Time Sheet application where employees can log in and...]]></description><link>https://venkata-penumatsa.hashnode.dev/time-sheets-application-for-organizations</link><guid isPermaLink="true">https://venkata-penumatsa.hashnode.dev/time-sheets-application-for-organizations</guid><category><![CDATA[The Clerk Hackathon on Hashnode]]></category><category><![CDATA[Clerk.dev]]></category><dc:creator><![CDATA[Venkata Penumatsa]]></dc:creator><pubDate>Sun, 25 Jul 2021 08:15:37 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1627200963905/NIQfn9dkG.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello Everyone,</p>
<p>I am happy to share with you all that I am participating in this Hackathon and submitting the Time Sheets application. </p>
<h3 id="what-is-this-project-and-how-this-is-useful">What is this project &amp; How this is useful?</h3>
<ul>
<li>This is a simple Time Sheet application where employees can log in and record the number of work hours.</li>
</ul>
<ul>
<li>Employees can view their data and can delete it in case of any wrong entry</li>
</ul>
<ul>
<li><p>Finally, this data will be useful for the Organizations &amp; Project managers to know the team's bandwidth to better manage and plan the ongoing and future projects. This can be used as one of the project management tools.</p>
</li>
<li><p>This is a secure application as it uses  <a target="_blank" href="https://clerk.dev/">Clerk's </a> Prebuilt UI components i.e. sign-in sign-up and user. these components offer easy routing &amp; security to the application. some of the cool features of the <a target="_blank" href="https://clerk.dev/">Clerk </a> is 2-step verification, Multi-sessions, Single sign-on, New device notifications, passwordless sign-in, Password breach notifications. overall <a target="_blank" href="https://clerk.dev/">Clerk</a> offers a great developer experience.</p>
</li>
</ul>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1627201046854/yRhQzT-u0.png" alt="Capture.PNG" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1627201359441/Ur31y2Ybx.png" alt="image.png" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1627203794511/KaoPtDJff.png" alt="image.png" /></p>
<h3 id="architecture-of-the-application">Architecture of the Application</h3>
<p>This application is inspired by the Jam Stack architecture and uses several decoupled pieces together like below </p>
<ul>
<li><p>UI Design   -          <a target="_blank" href="https://material-ui.com/">Material UI</a>  </p>
</li>
<li><p>UI Development -   <a target="_blank" href="https://nextjs.org/">Next JS</a>      </p>
</li>
<li><p>User Authentication/Management -  <a target="_blank" href="https://clerk.dev/">Clerk</a>    </p>
</li>
<li><p>For API calls -             <a target="_blank" href="https://graphql.org/">GraphQL</a>  with <a target="_blank" href="https://www.apollographql.com/docs/react/">Apollo Client</a>   </p>
</li>
<li><p>Database -  <a target="_blank" href="https://graphcms.com/">graphcms</a>                                                                                                   </p>
</li>
<li><p>Hosting - <a target="_blank" href="https://vercel.com/">Vercel  </a> </p>
</li>
</ul>
<h3 id="application-and-github-links">Application &amp; GitHub links</h3>
<p>Application - https://timesheets-app.vercel.app/                                                                                                                                </p>
<p>GitHub  -  https://github.com/penumatv/timesheets</p>
<h3 id="attribution-to-content-creators">Attribution to content creators</h3>
<p>I am listing down all the important YT videos/blog article links below. these resources helped me a lot in getting started with Clerk and Next JS. </p>
<p>Huge thanks 🙏 to all the content creators </p>
<ul>
<li><a target="_blank" href="https://www.youtube.com/watch?v=NFdL7Ho3fvY">Lets Look at Clerk.dev : User management made easy</a> </li>
</ul>
<ul>
<li><a target="_blank" href="https://www.youtube.com/watch?v=6kXKaQVv-k4">How to deploy Clerk using Vercel with one click
</a> </li>
</ul>
<ul>
<li><a target="_blank" href="https://youtu.be/lIOBGftmNzc">Adding Clerk.Dev to a NextJS for powerful Authentication</a> </li>
</ul>
<ul>
<li><a target="_blank" href="https://clerk.hashnode.dev/create-a-nextjs-app-with-authentication-in-5-minutes">Create a Next.js app with authentication in 5 minutes</a> </li>
</ul>
<ul>
<li><a target="_blank" href="https://nacho.hashnode.dev/build-a-fullstack-to-do-app-without-any-backend-code">Build a Fullstack to-do app without any backend code</a> </li>
</ul>
<ul>
<li><a target="_blank" href="https://discord.gg/YRHz4h4whV">Join in Clerk Discord channel</a> </li>
</ul>
]]></content:encoded></item></channel></rss>