🗓#Day58 of #100DaysChallenge
📎For Day 58, I developed an IP Address Tracker it can automatically detect the user's IP address and display detailed information about its location, timezone, and ISP. Users can also input any IP address or domain to see specific data. Here's what I accomplished:
✅ user-friendly interface for easy IP address tracking
✅ Implemented automatic IP detection and manual input functionality
✅ Displayed the IP address, location, timezone, and ISP information
✅ Integrated a map to visually represent the location of the IP address
⚙This project was both challenging and rewarding
Github Repo: IP-Address-Tracker
Live Link: IP-Address-Tracker
#coding #CodingProject #IPTracker #100DaysOfCode #project@DevNerd0
📎For Day 58, I developed an IP Address Tracker it can automatically detect the user's IP address and display detailed information about its location, timezone, and ISP. Users can also input any IP address or domain to see specific data. Here's what I accomplished:
✅ user-friendly interface for easy IP address tracking
✅ Implemented automatic IP detection and manual input functionality
✅ Displayed the IP address, location, timezone, and ISP information
✅ Integrated a map to visually represent the location of the IP address
⚙This project was both challenging and rewarding
Github Repo: IP-Address-Tracker
Live Link: IP-Address-Tracker
#coding #CodingProject #IPTracker #100DaysOfCode #project@DevNerd0
🔥3👏2
Forwarded from Tech Nerd (Tech Nerd)
For me, the education system kinda takes the fun out of failing. They make you so scared of failing that it kills your creativity and stops you from trying new things. And I’m not just talking about uni—high school was even worse.
If you wanna create something, you need first-principle thinking, and that comes with the cost of failing. Look at SpaceX’s Falcon 9—do you think it landed perfectly on its first try? It took multiple failures and millions of dollars in losses before success.
How are we supposed to not fail and innovate? That’s like chaining someone up and blaming them for not walking.
Just my two cents tho—don’t take it personally 😊🤷♂
@selfmadecoder
If you wanna create something, you need first-principle thinking, and that comes with the cost of failing. Look at SpaceX’s Falcon 9—do you think it landed perfectly on its first try? It took multiple failures and millions of dollars in losses before success.
How are we supposed to not fail and innovate? That’s like chaining someone up and blaming them for not walking.
Just my two cents tho—don’t take it personally 😊🤷♂
@selfmadecoder
❤1😁1💯1👀1
Tech Nerd
For me, the education system kinda takes the fun out of failing. They make you so scared of failing that it kills your creativity and stops you from trying new things. And I’m not just talking about uni—high school was even worse. If you wanna create something…
This is so true
lemme know what u think
lemme know what u think
#Day59 of #100DaysChallenge
Good Evening Everyone
Today’s project was all about creating a simple and functional calendar using JavaScript, HTML, and CSS. It was an interesting and enjoyable experience to build something so useful yet straightforward.
Here’s a summary of what I did:
✅ Set Up the HTML & CSS: Created the basic structure and styled it for a clean look.
✅ JavaScript Logic: Wrote the noscript to render the calendar, handle month navigation, and reset to the current date.
✅ Month and Day Handling: Ensured correct handling of months and days, including previous and next month days.
It was a fun and educational exercise, and I'm looking forward to implementing more features in the upcoming days maybe, if u have any idea lemme know.
let's keep pushing forward ⚡️
Live Link
Repo Link
#100daysofcode #coding #projects@DevNerd0
Good Evening Everyone
Today’s project was all about creating a simple and functional calendar using JavaScript, HTML, and CSS. It was an interesting and enjoyable experience to build something so useful yet straightforward.
Here’s a summary of what I did:
✅ Set Up the HTML & CSS: Created the basic structure and styled it for a clean look.
✅ JavaScript Logic: Wrote the noscript to render the calendar, handle month navigation, and reset to the current date.
✅ Month and Day Handling: Ensured correct handling of months and days, including previous and next month days.
It was a fun and educational exercise, and I'm looking forward to implementing more features in the upcoming days maybe, if u have any idea lemme know.
let's keep pushing forward ⚡️
Live Link
Repo Link
#100daysofcode #coding #projects@DevNerd0
⚡7👍1
Recently, I installed Ubuntu 24.04 with my friend, and it is so buggy.
The glitches have been a real challenge. screen recording doesn't work properly, it gets super laggy, and sometimes everything just slows down like a 🐢😁 anyone else experiencing these kinds of errors..
Share your experiences and tips below
#Ubuntu #LinuxLife #TechStruggles
The glitches have been a real challenge. screen recording doesn't work properly, it gets super laggy, and sometimes everything just slows down like a 🐢😁 anyone else experiencing these kinds of errors..
Share your experiences and tips below
#Ubuntu #LinuxLife #TechStruggles
🌚2
#Day60 of #100DaysChallenge
Good Evening
🚀Today's project has been incredibly exciting I successfully created a chatbot😎, and it was a rewarding experience to see it working well.
Here’s what I tackled today:
✅ Implementing the chat interface using HTML and CSS
✅ Adding JavaScript functionality to handle user messages and bot responses
✅ Integrating file upload and emoji picker features for a more interactive experience
✅ Integrating the Google API for generating dynamic bot responses
It was educational exercise, and I'm looking forward to implementing more features in the upcoming days maybe, if u have any idea lemme know.
let's keep pushing forward ⚡️
Live Link
Repo Link
#100daysofcode #coding #projects@DevNerd0
Good Evening
🚀Today's project has been incredibly exciting I successfully created a chatbot😎, and it was a rewarding experience to see it working well.
Here’s what I tackled today:
✅ Implementing the chat interface using HTML and CSS
✅ Adding JavaScript functionality to handle user messages and bot responses
✅ Integrating file upload and emoji picker features for a more interactive experience
✅ Integrating the Google API for generating dynamic bot responses
It was educational exercise, and I'm looking forward to implementing more features in the upcoming days maybe, if u have any idea lemme know.
let's keep pushing forward ⚡️
Live Link
Repo Link
#100daysofcode #coding #projects@DevNerd0
🔥6⚡2
#Day61 of #100DaysChallenge
Just made this simple landing page today by using Tailwind CSS
tbh the plan was to do this yesterday, but I got so tired with another work, so I ended up creating it this morning. Sorry for the unpunctuality 👍
The website has a vintage vibe with a touch of traditional elements to keep it engaging and fun.
I got the design from Dribbble.com.You can find a lot of nice and beautiful designs there it's a great resource for inspiration
Let's keep pushing forward ⚡️
Live Link
Repo Link
#100daysofcode #coding #projects@DevNerd0
Just made this simple landing page today by using Tailwind CSS
tbh the plan was to do this yesterday, but I got so tired with another work, so I ended up creating it this morning. Sorry for the unpunctuality 👍
The website has a vintage vibe with a touch of traditional elements to keep it engaging and fun.
I got the design from Dribbble.com.You can find a lot of nice and beautiful designs there it's a great resource for inspiration
Let's keep pushing forward ⚡️
Live Link
Repo Link
#100daysofcode #coding #projects@DevNerd0
⚡5
Guys
I've been experiencing some headaches recently and wanted to share what's been going on😕
The pain starts from my neck, moves to the center of my head, stretching my neck helps reduce the pain momentarily, but it comes back after a few minutes It's been really tough this week with this headaches.
If anyone has any advice or suggestions on how to deal with this kind of headache I'd really appreciate it
I've been experiencing some headaches recently and wanted to share what's been going on😕
The pain starts from my neck, moves to the center of my head, stretching my neck helps reduce the pain momentarily, but it comes back after a few minutes It's been really tough this week with this headaches.
If anyone has any advice or suggestions on how to deal with this kind of headache I'd really appreciate it
🤷♂2👍2
This media is not supported in your browser
VIEW IN TELEGRAM
it's #Day62 of my #100DaysofCode challenge, I made this simple loading animation. In this project I learned how to use SVG for text animation and play around with CSS keyframes to create a smooth loading effect. I didn't know about properties like stroke-width, stroke-dashoffset, stroke-dasharray... before starting, and now I have a full understanding of them,
It's amazing how a few lines of code can bring words to life. Check it out!
Repo_Link
#projects@DevNerd0
It's amazing how a few lines of code can bring words to life. Check it out!
Repo_Link
#projects@DevNerd0
⚡7👍1
Dev Nerd
it's #Day62 of my #100DaysofCode challenge, I made this simple loading animation. In this project I learned how to use SVG for text animation and play around with CSS keyframes to create a smooth loading effect. I didn't know about properties like stroke-width…
Morning 🌞
Here is what I learned from yesterday's project:
Stroke: In SVG it's the outline of a text, It's like the border of the object.
Stroke Width: it defines the thickness of the stroke
Stroke Dasharray: allows us to create dashed lines by defining a pattern of dashes and gaps.
Stroke Dashoffset: used to adjust the starting position of the dash array on the path.
For example:
Here is what I learned from yesterday's project:
Stroke: In SVG it's the outline of a text, It's like the border of the object.
Stroke Width: it defines the thickness of the stroke
Stroke Dasharray: allows us to create dashed lines by defining a pattern of dashes and gaps.
Stroke Dashoffset: used to adjust the starting position of the dash array on the path.
For example:
<noscript width="100" height="100">
<text x="10" y="50" font-size="30" fill="none" stroke="black"
stroke-width="2" stroke-dasharray="5,5" stroke-dashoffset="20">
Loading...
</text>
</noscript>
<style>
@keyframes dash {
0% {
stroke-dashoffset: 20;
}
100% {
stroke-dashoffset: 0;
}
}
text {
animation: dash 2s infinite linear;
}
</style>
👍10