The latest articles on DEV Community by Noman Ahmed (@hackwithnoman). https://dev.to/hackwithnoman 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%2F826918%2F53253c5b-fc9b-4252-97b1-20e9629772e7.jpg https://dev.to/hackwithnoman en Noman Ahmed Wed, 10 Jan 2024 08:02:41 +0000 https://dev.to/hackwithnoman/100daysofcode-day-21-23-538d https://dev.to/hackwithnoman/100daysofcode-day-21-23-538d <p>learned many things about how functional programming and Redux works. first, I thought it would be easy, but it turned out to be a bit tricky for me. Eventually, though, I got something working.</p> <p>also worked on the MERN app, did the registration part</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Wed, 10 Jan 2024 07:56:11 +0000 https://dev.to/hackwithnoman/100daysofcode-day-18-20-m83 https://dev.to/hackwithnoman/100daysofcode-day-18-20-m83 <p>I've been working on a MERN app, but I'm having trouble making progress because I don't understand Redux yet.</p> <p>I tried following along with tutorial, but it's too complicated for me right now. so learning how Redux works to get a better handle on it.</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Tue, 02 Jan 2024 20:39:17 +0000 https://dev.to/hackwithnoman/100daysofcode-day-17-oi6 https://dev.to/hackwithnoman/100daysofcode-day-17-oi6 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwzyda8g4b596oblr5r1j.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwzyda8g4b596oblr5r1j.png" alt=" " width="800" height="430"></a></p> <p>Today I created the frontend part of the goal app from the tutorial. tomorrow will add the backend to the frontend. and also use redux for state management.</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Tue, 02 Jan 2024 20:37:08 +0000 https://dev.to/hackwithnoman/100daysofcode-day-16-ia7 https://dev.to/hackwithnoman/100daysofcode-day-16-ia7 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpl7eet3xldmzt76utmh0.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpl7eet3xldmzt76utmh0.png" alt=" " width="800" height="430"></a></p> <p>today I have finished the authentication of the blog app.<br> now the login and registration functionalities are working.</p> <p>also started the front-end part from the traversy's tutorial. though didn't code that much, tomorrow will start coding the front end.</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Mon, 01 Jan 2024 08:46:13 +0000 https://dev.to/hackwithnoman/100daysofcode-day-15-8o5 https://dev.to/hackwithnoman/100daysofcode-day-15-8o5 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2xqqp973aqwftmxkv44f.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2xqqp973aqwftmxkv44f.png" alt=" " width="800" height="431"></a></p> <p>Today, I focused on making the login part of my MERN app better. I added ways for users to log in, but I still have more to do. Understanding and writing this login stuff is tough. It's taking me a while to figure it all out and write the code.</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Sun, 31 Dec 2023 12:57:05 +0000 https://dev.to/hackwithnoman/100daysofcode-day-13-14-di7 https://dev.to/hackwithnoman/100daysofcode-day-13-14-di7 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnp8c1x4nwlmiuzmxxuj7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnp8c1x4nwlmiuzmxxuj7.png" alt=" " width="800" height="316"></a></p> <p>finished the backend part of the tutorial.<br> before jumping on to the front end, started a new project where I'm implementing the concepts I learned from the tutorial.</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Fri, 29 Dec 2023 11:54:38 +0000 https://dev.to/hackwithnoman/100daysofcode-day-12-d7d https://dev.to/hackwithnoman/100daysofcode-day-12-d7d <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fansh0gx2gbijfledyq1v.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fansh0gx2gbijfledyq1v.png" alt=" " width="800" height="403"></a></p> <p>today I did one mini-project from <br> @frontendmentor.</p> <p>also coded along a part of a Mern project with <br> @traversymedia</p> <p>I was struggling to write the backend in an organized way. <br> modularize and easy-to-understand code. this is what I was looking for.</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Thu, 28 Dec 2023 05:39:07 +0000 https://dev.to/hackwithnoman/100daysofcode-day-11-3c76 https://dev.to/hackwithnoman/100daysofcode-day-11-3c76 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqksysn1awyjjfbqyvyxi.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqksysn1awyjjfbqyvyxi.png" alt=" " width="800" height="391"></a></p> <p>today I worked on this <br> @frontendmentor challenge. it was quite fun, I got to brush up on my CSS grid skills and got a little bit more comfortable with the grid.</p> <p>Preview: <a href="https://html-tailwind-css.netlify.app/10.testimonials-grid-section/" rel="noopener noreferrer">https://html-tailwind-css.netlify.app/10.testimonials-grid-section/</a></p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Wed, 27 Dec 2023 06:10:50 +0000 https://dev.to/hackwithnoman/100daysofcode-day-10-l0b https://dev.to/hackwithnoman/100daysofcode-day-10-l0b <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpp9zbak2uxpss95xqlce.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpp9zbak2uxpss95xqlce.png" alt=" " width="800" height="352"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flgmrf5mpnl34ycc48jf4.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flgmrf5mpnl34ycc48jf4.png" alt=" " width="800" height="390"></a></p> <p>Day10 of #100DaysOfCode</p> <p>Today, I worked on two designs from <br> @frontendmentor<br> It was fun! After doing these small projects for a couple of days, I'm starting to feel like using Tailwind isn't difficult anymore</p> <p>Project 1:<a href="https://html-tailwind-css.netlify.app/09.3-column-preview-card-component" rel="noopener noreferrer">https://html-tailwind-css.netlify.app/09.3-column-preview-card-component</a><br> Project 2:<a href="https://html-tailwind-css.netlify.app/08.stats-preview-card-component" rel="noopener noreferrer">https://html-tailwind-css.netlify.app/08.stats-preview-card-component</a></p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Tue, 26 Dec 2023 05:45:55 +0000 https://dev.to/hackwithnoman/100daysofcode-day-09-17p5 https://dev.to/hackwithnoman/100daysofcode-day-09-17p5 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb81uxclcfw3ug7snyyrl.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb81uxclcfw3ug7snyyrl.png" alt=" " width="800" height="444"></a></p> <p>today I've connected node/express backend to my todo app. The backend has just an authentication system, which still needs to be completely done.</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Mon, 25 Dec 2023 06:16:11 +0000 https://dev.to/hackwithnoman/100daysofcode-day-08-2gj7 https://dev.to/hackwithnoman/100daysofcode-day-08-2gj7 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb81uxclcfw3ug7snyyrl.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb81uxclcfw3ug7snyyrl.png" alt=" " width="800" height="444"></a></p> <p>I did it! After two days of hard work and frustration, I've made a user authentication system with passport.js. I learned a lot and there's still more to explore and do with this.</p> <p>Next, I'll try to implement it in my to-do app and see how it goes.</p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p> Noman Ahmed Sun, 24 Dec 2023 05:31:35 +0000 https://dev.to/hackwithnoman/100daysofcode-day-07-5a6h https://dev.to/hackwithnoman/100daysofcode-day-07-5a6h <p>I fixed a bug in the todo app I've been working on since yesterday. I used Firebase before. But this time, I want to build this app without using services like Firebase or OAuth. still couldn't figure out what to use.</p> <p><a href="https://todo-w-dnd.netlify.app/" rel="noopener noreferrer">Preview: https://todo-w-dnd.netlify.app/</a></p> <p>Feel free to connect with me through my social links below. Let's code, learn, and grow together!"<br> <a href="https://twitter.com/Nomanux" rel="noopener noreferrer">@nomanux</a></p>