<h3 id="heading-29-july-2023">29 July 2023</h3>
<p>Finally, I completed the project I was working on. I made the mistake of choosing an old tutorial for React. There were so many issues I faced while making the project. I even shared one big issue that I was facing yesterday not being able to JWT token into cookies.</p>
<p>I thought it was an error from the server side but it eventually came out be an error from the client side.</p>
<p>For the whole code, I highly recommend you to check my GitHub from the link given below</p>
<p><a target="_blank" href="https://github.com/nirbhay-singh100/MERN-User-Login-Authentication">MERN Login System</a></p>
<h3 id="heading-packages-i-used-for-client-side">Packages I used for client-side</h3>
<ul>
<li><p>react-router-dom</p>
</li>
<li><p>bootstrap</p>
</li>
</ul>
<h3 id="heading-packages-i-used-for-server-side">Packages I used for server-side</h3>
<ul>
<li><p>express</p>
</li>
<li><p>mongoose</p>
</li>
<li><p>body-parser</p>
</li>
<li><p>bcryptjs</p>
</li>
<li><p>cookie-parser</p>
</li>
<li><p>jsonwebtoken</p>
</li>
<li><p>nodemon</p>
</li>
</ul>
<hr />
<h1 id="heading-video-illustration-of-my-project">Video illustration of my Project</h1>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://www.loom.com/share/d767d27d40444310a156d248a4e4d78c">https://www.loom.com/share/d767d27d40444310a156d248a4e4d78c</a></div>
<p> </p>
<hr />
<h1 id="heading-what-did-i-learn">What did I learn?</h1>
<p>How to use fetch API to make requests from the server and able to connect React app with my NodeJS server.</p>


### 29 July 2023

Finally, I completed the project I was working on. I made the mistake of choosing an old tutorial for React. There were so many issues I faced while making the project. I even shared one big issue that I was facing yesterday not being able to JWT token into cookies.

I thought it was an error from the server side but it eventually came out be an error from the client side.

For the whole code, I highly recommend you to check my GitHub from the link given below

[MERN Login System](https://github.com/nirbhay-singh100/MERN-User-Login-Authentication)

### Packages I used for client-side

* react-router-dom
    
* bootstrap
    

### Packages I used for server-side

* express
    
* mongoose
    
* body-parser
    
* bcryptjs
    
* cookie-parser
    
* jsonwebtoken
    
* nodemon
    

---

# Video illustration of my Project

%[https://www.loom.com/share/d767d27d40444310a156d248a4e4d78c] 

---

# What did I learn?

How to use fetch API to make requests from the server and able to connect React app with my NodeJS server.

User login is a basic and important functionality in most of the web app. We can use MERN stack to easily make a user login system where we can use

User authentication using MERN

Day 26 (30 Days of Code)

29 July 2023

Packages I used for client-side

Packages I used for server-side

Video illustration of my Project

What did I learn?

Hey, this is Nirbhay. I started this blog to document my journey of learning to code and get my first $100k offer. I'll be sharing the things related to DSA, backend development, devops and many more.
