DEV Community: Shaily Shah

Big Clock 2.0

Shaily Shah — Tue, 19 Dec 2023 22:55:12 +0000

Joining the ranks of Clock and Timer, our brand new Stopwatch feature brings precise time tracking to your fingertips.

Clock:
Immerse yourself in the elegant display of the current time. Big Clock lets you customize themes, toggle date visibility, and explore different time zones effortlessly.

Timer:
Set countdowns with unmatched precision using Timer mode. From short breaks to cooking timers, Big Clock ensures you stay on schedule.

Stopwatch:
Introducing the star of the show—the Stopwatch! Need to track time with unparalleled accuracy? Start, stop, and reset at your convenience. It's the perfect tool for tasks that demand precise timing, from workouts to productivity sprints.

Seamless Transitions:
Enjoy a fluid experience as you effortlessly switch between Clock, Timer, and Stopwatch modes. The user-friendly interface remains customizable, allowing you to choose between dark and light themes.

This update is not just about tracking time; it's about making every moment count. Download Big Clock 2.0 now and elevate your time management game!

Elevate Your Mario Game: New Features Unleashed

Shaily Shah — Tue, 19 Dec 2023 22:52:14 +0000

Embark on an exciting journey as we elevate the classic Mario game with thrilling new features! This enhanced code brings a fresh dimension to the iconic platformer, ensuring an immersive and challenging gaming experience.

Power-Ups:
Discover the power of the Super Mushroom! This game-changer temporarily boosts Mario's jump force, providing an extra edge in navigating the levels.

More Enemies, More Thrills:
Introducing the Goomba—a simple yet formidable adversary with horizontal movement. Brace yourself for heightened excitement and strategic gameplay as you encounter new challenges and threats.

Time Pressure:
Feel the adrenaline rush with our built-in timer, counting down from 120 seconds. The race against time adds a thrilling element, intensifying the gameplay and requiring swift decision-making.

Hidden Areas, Unveil Secrets:
Unleash the explorer in you! Seek out hidden blocks throughout the levels ('h') to uncover surprises, trigger events, or gain valuable bonuses. Every discovery adds a layer of mystery and rewards to the Mario adventure.

Our code enhancements aim to transform your Mario gaming experience, blending nostalgia with innovation. Dive into the world of Super Mario with these features, and elevate your gaming escapades to a whole new level!

LAB 10, Releasing the app

Shaily Shah — Tue, 19 Dec 2023 17:59:25 +0000

I took a step forward to simplify the process and make it accessible for everyone. Armed with npm and GitHub, I embarked on an exciting journey that transformed the vision into reality.

Championing npm for Package Management

I chose npm as our trusty sidekick for package management. Its simplicity and widespread usage in the Node.js ecosystem made it a natural fit. With a nod to semantic versioning, I marked our initial release with the tag v1.0.0.

Tagging, Pushing, and a Seamless Release

GitHub played a pivotal role in the version control strategy. I embraced tagging with git tag -a v1.0.0 -m "Initial release" and pushed tags with git push --follow-tags. A seamless release followed, thanks to npm. The command npm publish catapulted our package onto the npm registry.

Update Your Docs: README.md Takes the Spotlight

Documentation is the unsung hero. I updated README.md to reflect the npm installation process. The README now serves as a compass, guiding users through the installation steps and providing a direct link to our npm package.

User Testing: A Crucial Chapter

User testing became our compass for documentation updates. Insights gained from user interactions influenced tweaks and improvements, ensuring our documentation resonated with users.

The Grand Finale: Sharing the Experience

As I unveil our creation to the world, anyone can explore the magic at npm and dive into the source code on GitHub.

Closing Thoughts

Our journey was not just about lines of code; it was about simplifying a process, making it user-friendly, and sharing the joy with the community. Join us in this adventure, and let's simplify document conversion together!

Release 4.0

Shaily Shah — Mon, 11 Dec 2023 23:04:01 +0000

I have created the pull request to merge all the work that I have contributed for the website Creation for Games_portal https://github.com/bratergit/webSiteCreation

1. Personalized Bliss:
Powered by the 'ipify' API and navigator.geolocation, the site now knows you better than ever. Enjoy a personalized touch with content tailored to your location, creating a gaming haven just for the users.

2. Effortless Navigation:
Navigate through our gaming universe effortlessly with the addition of new links – "Games," "Reviews," and "News." I've fine-tuned the interface using HTML and CSS, making content discovery a breeze.

3. Dynamic Games Galore:
The "Games" page comes alive with dynamic listings, thanks to JavaScript magic. Each visit promises a fresh showcase of interactive gaming content, keeping the excitement levels soaring.

4. Reviews Hub Unveiled:
Our "Reviews" page is now your go-to destination for honest and insightful gaming experiences. Contribute your thoughts using our user-friendly forms and be part of a vibrant community sharing the passion for gaming.

5. Stay in the Loop with News:
Never miss a beat with our revamped "News" page. I've incorporated APIs and data scraping techniques to deliver real-time updates on game releases and industry buzz. Stay informed, stay in the gaming loop.

6. Community Connection:
Feel the pulse of the gaming community as we gather insights using data analytics. Engage in discussions, share experiences, and immerse yourself in a community that speaks your gaming language.

Currently, the pull request is awaiting the owner's approval. I've verified that all the updated code is functioning smoothly. No comments or feedback have been provided yet. Awaiting the green light for the merge. 🟢

Progress on the website that I am working on

Shaily Shah — Sat, 09 Dec 2023 20:35:31 +0000

Hello, Hello !! I'm excited to provide an in-depth update on the strides I'm making in enhancing your experience on our site. Let's dive into the details of the features that I'm implementing and the tools at our disposal.

1. Personalization Magic in the Works
To achieve a touch of personalization, I've seamlessly integrated the 'ipify' API to fetch users' IP addresses and the navigator.geolocation API to obtain precise geographical coordinates. This dynamic duo enables us to tailor content based on your location, creating a truly personalized experience.

2. Seamless Navigation Unveiled
Navigation has received a major upgrade with the addition of new links: "Games," "Reviews," and "News." Behind the scenes, I'm leveraging HTML and CSS to ensure a user-friendly and intuitive interface. This enhancement involves thoughtful design and coding to make content discovery a seamless journey for our users.

3. Dynamic Game Listings: A Sneak Peek
The "Games" page is evolving with dynamic game listings powered by JavaScript. Leveraging the populateGameList function, I am fetching game data and dynamically creating content elements. This approach ensures an interactive and ever-changing showcase, keeping the gaming experience fresh with each visit.

4. Reviews Hub: Your Gaming Companion
The "Reviews" page is taking shape with contributions from gaming enthusiasts. Using HTML forms and backend technologies, contributors can share their gaming experiences and opinions. I'm implementing a robust review system to ensure honest and insightful content, fostering a genuine community of gamers.

5. News Flash: Stay in the Gaming Loop
Behind the scenes of the "News" page, I am utilizing APIs and data scraping to bring you real-time updates on game releases and industry news. This involves scripting in JavaScript and utilizing data manipulation techniques to ensure a comprehensive and up-to-date news feed.

Stay tuned for more technical insights as I continue to implement these exciting features.

Planning to Enhance and Add new Feature to Game Portal Website

Shaily Shah — Sat, 09 Dec 2023 20:24:47 +0000

Embarking on an exciting journey of website enhancement, I'm thrilled to share some exciting plans for our website's upgrade. In this blog, I'll outline the features that I'm gearing up to contribute to the repository, making the site even more awesome for users.

There are several features that I would like to add in this site. Starting off with some cool features using the 'ipify' API and navigator.geolocation. Our aim? Adding a touch of personalization to enhance the user experience.

I am proposing the addition of new navigation links like "Games," "Reviews," and "News" to make content discovery more seamless. Also, planning to implement dynamic game listings on the "Games" page.

For the "Reviews" page, I am envisioning a space where users can discover honest and insightful reviews on the latest games. Contributors will have the opportunity to share their gaming experiences and opinions, fostering a community of gamers.

As for the "News" page, I am planning to keep users in the loop with the latest and greatest in the gaming world. From exciting game releases to industry updates, this page will serve as a go-to source for staying informed and engaged.

Overall, I am aiming to enrich the user experience, providing valuable content and fostering a vibrant community around our shared passion for gaming.

Adding CI for testing the code

Shaily Shah — Sat, 18 Nov 2023 23:32:38 +0000

In our coding journey, we discovered the magic of Continuous Integration/Continuous Deployment (CI/CD) and how it can transform the way we build and maintain our projects. Let's dive into the steps we took, sans the jargon!

I introduced GitHub Actions—an automated assistant that checks our code whenever there's a change. No more manual tests! This ensures that our code is always up to snuff.

We brought in ESLint, our code stylist. It scans our code, points out style blunders, and helps us maintain a consistent and aesthetically pleasing codebase.

Bugs, the bane of every coder's existence. We added automated tests to our workflow, so whenever we make a change, the system automatically runs tests to sniff out any lurking bugs. It's like having a superhero sidekick that keeps our code bug-free.

Through these steps, our code quality soared. The GitHub Actions workflow ensures that each change is thoroughly examined, ESLint keeps our code stylish, and automated tests act as our vigilant guardians against bugs. The result? A robust and reliable codebase ready for anything the coding universe throws at it.

In a nutshell, by embracing CI/CD principles and tools, our coding life has become more efficient and our projects more dependable.

Adding Tools to TIL Project.

Shaily Shah — Fri, 17 Nov 2023 20:12:22 +0000

I created a branch and wrote tests for core functionalities using Jest. From command line argument parsing to file processing, all thing worked fine.

Next, we delved into testing the txtToHtml module. We crafted tests for each function—textToHtml, markdownToHtml, generateSidebar, and generateIndexPage.

While doing this I did encountered some hurdle that I addressed unexpected logging by modifying functions to return values. File system operations challenges were mitigated by creating necessary directories and utilizing temporary ones. Deprecation warnings prompted updates and transitions to ensure future compatibility. Module not found errors were resolved by verifying module paths and dependencies. Each challenge presented a learning opportunity, enhancing our understanding of the codebase and bolstering the reliability of our tests.

In tackling unexpected logging issues, I refactored functions to return values instead of logging directly. For challenges with file system operations, I implemented directory creation and leveraged temporary directories for testing. Deprecation warnings led to updates and transitions to maintain future compatibility. Resolving module not found errors involved thorough verification of module paths and dependencies. Each hurdle was an opportunity for learning, fostering a deeper understanding of the codebase and strengthening the reliability of our tests.

My Journey with Prettier, ESLint, and VSCode

Shaily Shah — Thu, 02 Nov 2023 21:05:27 +0000

I recently embarked on a mission to enhance my coding environment by integrating Prettier, ESLint, and configuring Visual Studio Code (VSCode). Little did I know, this journey would be both rewarding and filled with unexpected challenges.

Setting the Stage:
The journey began with the quest for clean and consistent code. Prettier, the code formatter, promised to take care of the nitty-gritty details, while ESLint offered the power of static analysis to catch potential bugs and enforce a consistent coding style.

The Configuration Odyssey:
Configuring these tools was the first hurdle. ESLint and Prettier have their own configurations, and aligning them with my project's needs required some detective work. I dove deep into .eslintrc and .prettierrc files, tweaking rules and settings until everything clicked.

The VSCode Connection:
With ESLint and Prettier on board, it was time to make VSCode dance to the same tune. I crafted a bespoke settings.json file, synchronizing VSCode with my project's preferences. IntelliSense, auto-formatting, and error highlighting became my coding companions.

The Unexpected Plot Twists:
As in any adventure, challenges emerged. Mysterious linting errors, conflicting configurations, and the infamous "Identifier 'textToHtml' has already been declared" bug – each hurdle was a lesson in problem-solving and resilience. Google became my best friend, and Stack Overflow my guiding light.

The Sweet Taste of Success:
After overcoming these challenges, the payoff was immense. My codebase became a haven of consistency, and the development experience, seamless. The satisfaction of seeing VSCode auto-fixing issues and Prettier sprinkling its magic on save was unparalleled.

Closing Thoughts:
In the end, the journey taught me not only about tooling but also about the importance of perseverance in the face of unexpected challenges. Configuring Prettier, ESLint, and VSCode is an investment that pays off in the long run, turning coding from a chore into a delightful experience.

Implementing Features like Docusaurus

Shaily Shah — Thu, 02 Nov 2023 16:01:53 +0000

I'm excited to share a cool update on the text-to-HTML converter tool I've been working on. Picture this: You've got a bunch of raw text and markdown files, and you want to showcase them on the web in a sleek, organized way. That's where my converter comes in handy, turning plain content into dazzling HTML pages effortlessly.

So, what's new? Inspired by the brilliance of Docusaurus, I decided to level up my tool with some fantastic features. Docusaurus is fantastic for creating documentation websites, and I thought, "Why not borrow some of that awesomeness?"

Now, the converter not only transforms your files into stylish HTML but also adds some flair. Say hello to the brand new sidebar and index page features! This means your content isn't just functional; it's also beautifully organized, inspired by the elegance of Docusaurus.

But, like any journey, this one had its bumps. Recently, I ran into an issue when trying to run the tool. The infamous "Cannot find module" error threw me off. After some detective work, I discovered that the CLI file wasn't in the expected location. A quick fix, and everything was back on track.

As for what's next, I'm super pumped to expand customization options, handle errors more gracefully, and support an even wider array of file types. The journey continues to add some more feature to this tool.

Stay tuned for more updates, and let's make this converter the go-to tool for transforming text into stunning web content.

Happy coding! 🚀

Summing it all up for Release 2.0

Shaily Shah — Tue, 31 Oct 2023 20:28:22 +0000

In the dynamic realm of open-source collaboration, every contribution is a brushstroke that enhances the canvas of innovation. Recently, I had the privilege of enriching the README of the Minimalist Tracker project on GitHub. This minimalist gem, designed for efficiency, now boasts a revamped guide on cloning the repository. Clear, step-by-step instructions empower developers, both seasoned and newcomers, to dive into the codebase with confidence.

Switching gears, my journey continued with a contribution to the timelydiff function, a crucial time difference calculator. Error handling received a facelift, offering clearer messages for invalid inputs. The cherry on top? Users can now personalize the date format, adding a layer of flexibility to this indispensable tool.

But why stop there? I leaped into the world of vibrant GitHub projects, injecting magic into the code. A playful toggle button, smooth navigation, and a revamped news section transformed the user experience. These additions aim to make every visit to the project a delightful adventure, because, in the world of coding, fun matters!

In the realm of diagramming tools, we embarked on a quest to make Mermaid 2.0 your artistic playground. Styling your diagrams is now a breeze with new options for colors, fonts, and stroke widths. No more settling for the default look; customize it to match your style.

The quest didn't end there. We streamlined the installation process of 'khroma,' ensuring seamless compatibility with TypeScript. Simplicity became our mantra as we tidied up the code, making it more accessible and understandable.

But we didn't forget the nitty-gritty details. Git hooks, those silent heroes of version control, received attention. A quick fix ensures a hiccup-free workflow during commits, keeping your creative journey smooth and uninterrupted.

In a nutshell, Mermaid 2.0 is a celebration of creative freedom. Your diagrams, your style – that's the heart of our adventure. With every stroke of code, we invite you to explore and embrace the artistic potential within the world of Mermaid. Happy diagramming, fellow coders! 🚀🎨

Contributing to timelydiff

Shaily Shah — Tue, 31 Oct 2023 20:16:01 +0000

"I recently contributed to a GitHub project by improving a function called timelydiff. This function calculates and formats the time difference between a given timestamp and the current time. First, I made sure to handle errors more effectively, providing clearer messages if someone tries to use the function with invalid input.

Additionally, I added a cool feature: now users can choose the date format they prefer! Whether it's the default format, 'dd/mm/yyyy', or 'mm/dd/yyyy', they have the power to customize. This makes the function more flexible for different use cases.

To make these changes, I created a new 'enhance-timelydiff' branch, where I made my improvements. After testing everything to make sure it works smoothly, I committed my changes and pushed them to the GitHub repository. If others find these enhancements useful, they can easily review and integrate them into the main project. It was a small contribution, but it adds more clarity and customization to the code!"