May 20, Challenge Commences

On that day I was furious and started this challenge as a way to improve myself, so here's a little blog on how the first quarter of the challenge finished and what I learned. So from then on I would sit on my laptop at 2 AM everyday until I was satisfied or exhausted and then hopped on to stream some Valorant :P

Day 1-7 Anyme

I immediately started React as I had a decent grasp of javascript from before and I started making an anime search site with the help of JikanAPI (Unofficial MyAnimeList API)

From that project I learned:

1. React Components
2. Fetching data from API
3. useState
4. useEffect
5. useFetch

Here's the Day 1 post with a video of Anyme

Day 9-11 Sass

I know Day 8 was skipped here, the reason being I was sick since Day 6 so I took a break on Day 8.

On Day 9 I started learning Sass because of how useful and efficient it is, Made a basic portfolio from the video I learned from that helped a lot in understanding Sass

In Sass I learned:

1. Nesting
2. Mixins
3. Variables(better than CSS variables)
4. Functions, If Else

The Post from that day with a video

Day 12-15 Basic Showcase Page

At this point in time after learning Sass I felt the need to refresh some of my CSS knowledge and stuff like flex, So I made a showcase page template which I found somewhere with Sass. Oh and I also skipped a day cause I didn't feel like doing anything haha sorry :P

This time I learned:

1. Flex
2. Grid
3. Box-model
4. Semantic HTML
5. Difference between inline and block

Side by side comparision

Finished page

Day 15-20 Changes to my portfolio

For some reason I had the urge to make changes to my portfolio so I hopped on to that and made quite a few changes, also between these 5 days I had an interview for a job so I prepared for that too

Here's what I learned:

1. Promises
2. Async Await
3. Using next-gen formats like webp for faster loading times
4. Properly sizing images for faster loading times

My portfolio

Day 21-22 Basic ChatApp with SocketIO

I remember a friend had made one in my college first year and I wanted to make one too, So I followed a youtube tutorial cause back-end is not my strongest weapon and made it, I was so happy lol

This time I learned:

1. A bit of NodeJS
2. SocketIO basic
3. About web sockets

Video of that

Day 23 Basic Weather App and Framer-motion

A weather app with openweathermap API just for fun and to learn a bit of framer-motion too

What I learned:

1. Framer-motion

A video of that

Day 24-25 Web Scrapping and a failed project

I was interested in web scrapping so I hopped on to that too! I decided to make a twitter bot that tweets scores of professional Valorant matches by scraping data from a popular stat and match tracking site but I was banned after making too many request through the bot, And out of frustration I ended up making a bot that retweets Valorant Clips, Lesson learned here XD

What I learned:

1. Cheerio(module)
2. Puppeteer(module)
3. Basic of scrapping
4. Twitter API
5. A little more node

Conclusion

I'm Supeeerrrrrr satisfied from the first quarter of #100DaysOfCode challenge and I can't believe I learned so much stuff through this. Also I would suggest this challenge to anyone who wants to start learning to code. Now I'm even more excited for the remaining 3 quarters and I'll update that too when I finish it. Till then, Sayonara.