Tweet
Day 5️⃣7️⃣ of #100DaysOfCode

Uploaded the basic functioning version of the Chrome extension..

Will try to add how to set that up on local and ways to contribute ASAP.

Thread on how to be a maintainer of a repository coming tomorrow.

#hacktoberfest2021 #buildinpublic
Day 5️⃣6️⃣of #100DaysOfCode

Setting up the Repo for #hacktoberfest2021 ..

Will be adding a CONTRIBUTING.md And Readme and ways one can contribute..

It's gonna be a one of a kind experience 🤩

#buildinpublic
Day 5️⃣5️⃣ of #100DaysOfCode

Today was major research day.
Learnt a lot about contributing and maintaining a repo..
Joined #Hacktoberfest and @eddiejaoude #Discord ..

I was planning to build an #OpenSource #Chrome Extension... Will this be a good time?

#buildinpublic
Links 👇
Day 5️⃣2️⃣ of #100DaysOfCode

Today I tried learning Webpack to understand bundlers..
Gave Up almost immediately!!

Then looked up @parceljs and the Crash Course from @traversymedia ,
BOOM 🔥🔥
One video cleared NPM, Promises and Bundling for me!!
🤯
CRAZY right?!

#buildinpublic
🚨 Realisation 🚨
The reson I was able to finish a website from 0-85 (not 100) in 3 weeks with my full time job was because

It had a deadline.

And now on realising, that is one reason side projects are delayed!

Need to put a soft deadline for side projects!
#buildinpublic
Day 5️⃣1️⃣ of #100DaysOfCode

Performance Day !!!

Bumped up the performance of the website from 41 to 66 (This is not the incognito mode.. Incognito goes up to 88 because of no Chrome extensions )
#buildinpublic

Great help and advice from this thread..
twitter.com/michaelketzer/…
⚡ I have been posting threads for over a month on improving the website performance of your own website as a web developer.

To make it easier to find them again, I have summarized all threads in one document!

Make the web accessible for all!

👇 Link to the document
Day 4️⃣9️⃣ of #100DaysOfCode

Today was setting up @googleanalytics day and I set up #googletagmanager for the website.
Will watch the traffic filtering in...
Need to add tags and triggers on some of the Buttons.

Also, tomorrow is #HashnodeBootcamp
Excited!!!🤩

#buildinpublic
Day 4️⃣8️⃣ of #100DaysOfCode

Almost done with the launch..
This website took me close to 21 Days from UX to UI to Mobile Development.

I will write a thread about the process

Also, I find this funny because the name of the crew is Street Under-construction crew😂
#buildinpublic
Day 4️⃣5️⃣ of #100DaysOfCode

Worked with window.history object today.Needed to close a Popup on pressing the back button

Pushed an empty entry in the history on opening the popup and popped the entry from history on closing the popup and back button press
Worked!
#buildinpublic
#CSSTIPS
While jumping from one section to another on a button click, for a smoother experience..
Use the "scroll-behaviour" property.

How the experience is with and without smooth 🧵👇

Which one do you find as a more suitable experience??
#HTML5 #CSS #buildinpublic
Day 4️⃣3️⃣ of #100DaysOfCode
Used Google Sheets as an API using sheet.best

Two advantages

1️⃣ No need of a DB just for the contact form, saves us Hosting cost

2️⃣ That contact data will be manages by people who are more comfortable using Google sheets
#buildinpublic
Day 4️⃣2️⃣ of #100DaysOfCode

Getting the Hero section ready
Having fun making the mobile layout

Need to finish this up soon and work on the desktop as well as performance coz that is BAD!!

Image optimization and async/defer loading and whatnot🤯

#buildinpublic #BuildBackBetter
Day 4️⃣0️⃣ of #100DaysOfCode

Threeee sections completed for the website

Only Hero section left..
Tired but very excited to finish up this project and make it LIVE!!..

Feeling great!!🤩

#buildinpublic
Day 3️⃣9️⃣ of #100DaysOfCode
Finished the Upcoming events and Achievements section.

Loved working with CSS!!

If it wasn't for @jonasschmedtman's Advanced CSS course, I would have have been so confused😂
He made it a cakewalk!
#buildinpublic
How it started VS How it went
Day 38 of #100DaysOfCode
Working on the HTML CSS part of the SUC website.. LOT of fun CSS stuff..
clip-paths, blend-mode

Started with the achievements section..
Things are looking good.
Hoping to finish this by Day 45-50 I guess

#buildinpublic
How it started VS How it's going
Day 37 of #100DaysOfCode
This @LottieFiles animation works on a button click!!
Ha Ha..
#buildinpublic
The launching soon countdown times is on my GitHub is anyone wants to check that out.
github.com/aUnicornDev/la…
Day 37 of #100dayOfCode
This @LottieFiles animation works on a button click!!
Ha Ha..
#buildinpublic

The launching soon countdown times is on my GitHub is anyone wants to check that out.
github.com/aUnicornDev/la…
Day 31 & 32 of #100DaysofCode
Was tired yesterday and forgot to post the update but I did work yesterday

A little sneak peak of the website.
This part is taken mostly from a #FrontendMentor challenge that I finished.. but the rest isnt
Complete mockup tomorrow.
#buildinpublic
First active month on twitter with #100DaysOfCode and #buildinpublic , and BAM!!
A 100K+ impressions and some really amazing people to connect with.

The top tweet is still SOOO silly though😂
Day 28 of #100DaysOfCode

As @mesetatron suggested to share, the first ss is of the
chrome localStorage values and the second is for the website running on localhost:5500 .

This is a trial design, it's gonna get better.
#chromeextension #buildinpublic