<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Sowparna Shome</title>
    <description>The latest articles on DEV Community by Sowparna Shome (@sowparna_shome_d7d8838255).</description>
    <link>https://dev.to/sowparna_shome_d7d8838255</link>
    <image>
      <url>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%2F2356170%2F24370aba-2e93-49a7-887e-a8957b5b8685.jpg</url>
      <title>DEV Community: Sowparna Shome</title>
      <link>https://dev.to/sowparna_shome_d7d8838255</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sowparna_shome_d7d8838255"/>
    <language>en</language>
    <item>
      <title># Todo App with JWT-Based Authentication 🚀</title>
      <dc:creator>Sowparna Shome</dc:creator>
      <pubDate>Tue, 05 Nov 2024 18:20:43 +0000</pubDate>
      <link>https://dev.to/sowparna_shome_d7d8838255/-todo-app-with-jwt-based-authentication-8eo</link>
      <guid>https://dev.to/sowparna_shome_d7d8838255/-todo-app-with-jwt-based-authentication-8eo</guid>
      <description>&lt;p&gt;Welcome to my latest project: a &lt;strong&gt;Todo App&lt;/strong&gt; built using &lt;strong&gt;TypeScript&lt;/strong&gt;, &lt;strong&gt;MongoDB&lt;/strong&gt;, &lt;strong&gt;React&lt;/strong&gt;, and &lt;strong&gt;Redux&lt;/strong&gt;! This application not only allows users to manage their tasks efficiently but also implements a robust &lt;strong&gt;JWT-based authentication&lt;/strong&gt; system to ensure secure access to todos. Let me take you through the features and functionality of this app. 🌟&lt;/p&gt;

&lt;h2&gt;
  
  
  Key Features
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. User Authentication 🔐
&lt;/h3&gt;

&lt;p&gt;The app utilizes &lt;strong&gt;JSON Web Tokens (JWT)&lt;/strong&gt; for authentication, allowing users to securely register, log in and out of their accounts, update and reset password as well. This ensures that only authorized users can access their personal todos. &lt;/p&gt;

&lt;h3&gt;
  
  
  2. CRUD Operations on Todos 📝
&lt;/h3&gt;

&lt;p&gt;Users can easily &lt;strong&gt;Create&lt;/strong&gt;, &lt;strong&gt;Read&lt;/strong&gt;, &lt;strong&gt;Update&lt;/strong&gt;, and &lt;strong&gt;Delete&lt;/strong&gt; their todos. Each user's todos are stored separately, ensuring a personalized experience. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Create:&lt;/strong&gt; Add new tasks to your todo list.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Read:&lt;/strong&gt; View all your todos, with options to filter by status (Pending, Completed).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Update:&lt;/strong&gt; Edit existing todos to modify their details or status.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Delete:&lt;/strong&gt; Remove completed or unnecessary tasks from your list.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  3. Responsive Design 📱💻
&lt;/h3&gt;

&lt;p&gt;The application is designed to be fully responsive, ensuring a seamless experience across devices, whether you're using a smartphone, tablet, or desktop.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Redux for State Management ⚛️
&lt;/h3&gt;

&lt;p&gt;Using &lt;strong&gt;Redux&lt;/strong&gt;, the application efficiently manages the global state, making it easy to share data between components and maintain the application's performance.&lt;/p&gt;

&lt;h2&gt;
  
  
  Getting Started
&lt;/h2&gt;

&lt;p&gt;To try out the app, visit the live link: &lt;a href="https://todo-auth-xklt.vercel.app/" rel="noopener noreferrer"&gt;Todo App&lt;/a&gt;. &lt;/p&gt;

&lt;h3&gt;
  
  
  Technologies Used
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend:&lt;/strong&gt; React, TypeScript, Redux, Tailwind CSS&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Backend:&lt;/strong&gt; Node.js, Express.js, MongoDB, TypeScript&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Authentication:&lt;/strong&gt; JWT (JSON Web Tokens)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Installation &amp;amp; Setup
&lt;/h3&gt;

&lt;p&gt;If you want to run the app locally, follow these steps:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Clone the repository:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   git clone https://github.com/shome98/todo-auth
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ol&gt;
&lt;li&gt;Install dependencies:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   npm &lt;span class="nb"&gt;install&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ol&gt;
&lt;li&gt;Run the application:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   npm start
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;This Todo App showcases not only the fundamental CRUD operations but also the importance of secure user authentication. It provides a great platform for users to manage their tasks efficiently while keeping their data safe. &lt;/p&gt;

&lt;p&gt;Feel free to check out the code on &lt;a href="https://github.com/shome98/todo-auth" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt; and contribute! I hope you find this project as exciting as I do. Happy coding! 🎉&lt;/p&gt;




&lt;p&gt;&lt;em&gt;If you have any questions or feedback, please leave a comment below!&lt;/em&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>webdev</category>
      <category>learning</category>
      <category>typescript</category>
    </item>
  </channel>
</rss>
