DEV Community: Aryam Michel

Holbies Lightning Talks Recap: We Built an App Together!

Aryam Michel — Thu, 01 May 2025 18:08:59 +0000

April's Holbies Lightning Talks: We Built an App Together!

Yep, it happened again—and this time, we leveled up. Holbies Lightning Talks returned for Round 2, and trust us, it was anything but a typical tech meetup.

If you weren’t there, here’s what went down (and why you’ll definitely want to make the next one).

Hands-On Energy: MIT App Inventor in Action

This wasn’t just a sit-back-and-watch kind of event. We all got up, took turns, and actually built an app—together. Using MIT App Inventor, we created something live on the spot. Everyone got involved: one by one, we added our own little twist by hopping over to the main computer (projected for all to see), adding elements and learning how this beginner-friendly platform works.

It wasn’t just educational—it was super fun, collaborative, and a little chaotic in the best way possible.

Then came Victor’s segment, and things got even cooler. He walked us through how he uses a digital oscilloscope visualizer to bring his music to life. We watched as he manipulated sound and visuals in real time—using code to shape his art. It was wild seeing music not just heard, but seen through waves, shapes, and creative coding.

Why This One Hit Different

Collaborative Learning: We weren’t just listening—we were building, clicking, laughing, and asking questions on the fly.
Creative Tech in Action: From app prototyping to music visualization, it was a mashup of art, code, and community.
Fun + Focus: Chill vibes, smart ideas, and enough curiosity in the room to power a server farm.

Don’t Miss the Next One!

These monthly lightning talks are growing into something really special—more than just presentations, they’re becoming a safe space where anyone can share, learn, and play with ideas.

So if you’re into interactive sessions, surprising tech demos, and just hanging out with smart, curious people—mark your calendar. The next Lightning Talks are just around the corner.

We’ll bring the energy. You bring your ideas.

Holbies Lightning Talks: Our First (of Many) Monthly Events

Aryam Michel — Mon, 31 Mar 2025 01:20:58 +0000

If you missed it, don’t worry—I’ve got you covered. Holbies Lightning Talks just sparked our very first event, and we’re bringing the thunder every month from now on!

We got tons of creative minds, free snacks and coffee (obviously), and some seriously cool tech presentations.

Quick Recap:

First-Ever Talks: We kicked things off with an awesome lineup of speakers, each bringing a fresh perspective on tech, creativity, and innovation.
Casual Vibes: Hoodies, high-fives, and a whole lot of laughter. From the quick snaps and short video, you can practically feel the energy buzzing in the room.
Future-Focused: Our 5 mins presentations sesh were all about trying new things, sharing tech tools, and celebrating every mini-win along the way.

Save the Date (Every Month): If you missed our very first Lightning Talks, don’t stress. We’re making this a monthly tradition, so get ready for more quick-fire presentations, networking, and (of course) a healthy dose of fun. Stay tuned for the next round!

Why You Should Come Next Time:

Meet New People: It’s a laid-back way to connect with other makers and tech enthusiasts. You never know who you’ll meet or what you might learn.
Get Inspired: Short talks, big ideas. Each speaker shares something unique, and you’ll walk away buzzing with fresh inspiration.
Stay In the Loop: Our events are the perfect chance to check out the latest trends, pitch your own ideas, and maybe even jump on a collaboration or two.

So, if you’re down for a friendly atmosphere, wicked-cool presentations, and a peek at the next big thing in tech, pencil us in every month. Holbies Lightning Talks are just getting started, and we can’t wait to have you join us for the ride.

Catch You at the Next One—Stay Shining!

A Throwback to My Holberton Days: Crafting a Simple Shell in C

Aryam Michel — Thu, 02 Jan 2025 21:49:48 +0000

Back when I was knee-deep in projects at Holberton Coding School, I tackled a challenge that felt equal parts exhilarating and terrifying: building a Simple Shell in C. Picture me, a coffee-fueled student, poring over fork(), exec(), and environment variables like they were the coolest puzzles on Earth. Spoiler alert: they totally were.

This Shell went beyond just reading commands—it spun up new processes, handled errors, and showcased custom built-ins. Every bug squashed felt like leveling up in a coding RPG. Sure, there were moments of frustration (picture me Googling 💩 at 2 AM), but watching my Shell come to life was worth every late-night debugging session. If you ever want a crash course in how operating systems really do their magic, building a Simple Shell from scratch is the ultimate ride. Just don’t forget the coffee. Happy coding!

"From Clueless to Clicks: My Hilarious First Steps with React"

Aryam Michel — Thu, 21 Nov 2024 02:26:41 +0000

Let me set the stage: it’s a quiet Tuesday night, and I’ve decided to dip my toes into the vast, occasionally terrifying, waters of front-end development. My weapon of choice? React. Why? Because everyone is raving about it. Spoiler alert: they were right, but also, wow, the rabbit hole is deep.

If you’re a beginner, buckle up; here’s my story (and some tips) about how I survived my first encounter with React, guided by the CodewithMosh course—a true beacon in my coding journey for this particular project.

Step 1: How Vite Made Me Feel Like a Pro

Forget the intimidating sea of files from create-react-app. I took the cooler, sleeker route: npm create vite@latest. Why Vite? Because it’s fast, modern, and everyone online swore by it like it was React's hip younger sibling.

When I ran the command, Vite asked me a few friendly questions—like what framework I wanted (React, obviously)—and before I knew it, I had a project structure that felt lean and purposeful. No unnecessary files to overwhelm me. It was like walking into a perfectly organized closet where everything had a place.

Pro tip: Vite doesn’t just set up your project; it makes you look like you know what you’re doing. The built-in dev server is lightning fast, and I was up and running in seconds. I stared at my new app in the browser, complete with a rotating Vite logo, and thought, "Look at me, living the future."

Step 2: Writing HTML-ish JavaScript (What Is This Sorcery?)

When I started typing what looked like HTML into my JavaScript file, I half-expected my code editor to yell at me. But nope, it was all smooth sailing. Turns out, this magical syntax is called JSX—short for JavaScript XML—but you won’t see it labeled as such anywhere in your project. It’s just there, like a quiet genius making everything work.

JSX lets you mix JavaScript with HTML-like syntax, which felt weird at first. But then I realized it’s like ordering a combo meal—two favorites combined into one convenient package. Want to loop through an array and create a list of <li> elements? JSX makes it ridiculously easy.

Pro tip: Embrace the weirdness. JSX might not look like traditional JavaScript, but once you see how dynamic your UI becomes, you’ll be hooked. Just don’t forget the golden rule: wrap everything in a single parent element. React is picky like that.

Step 3: Components – The Building Blocks of React (and My Sanity)

Think of React components as tiny, reusable Lego blocks. Each block does one job, and together, they build something awesome—like your app! My first component? A humble button that proudly said, “Click Me.”

Thanks to Mosh’s course, I learned a golden React rule: Components are like your favorite snacks—shareable and reusable. Want a header on every page? Wrap it up in a component. Need 20 buttons with slightly different labels? Boom, one button component and some props (don’t worry, I’ll get to those next).

Pro tip: Keep your code DRY (Don’t Repeat Yourself). The more you reuse components, the easier your life becomes. Trust me, your future self will thank you when you’re not digging through 15 files trying to change a single button style.

Step 4: Props – The Secret Sauce of Customization

Props are like the toppings on your React pizza—they let you customize each slice (or component). For example, I could pass a label="Submit" prop to my button component and suddenly, it had personality.

I can’t imagine React without props. They’re what make components dynamic and reusable. It’s like giving each Lego block its own unique flair.

Step 5: State – When React Gets Real

State is what gives React its magic. It’s how your app becomes interactive, like updating a counter or toggling a dark mode button. The first time I watched my app re-render in real-time, I felt like I’d unlocked a superpower.

But let me tell you, state management is also where things can get... tricky. Forget to use setState, and you’re stuck wondering why nothing is updating. Update state carelessly, and your app might start throwing a tantrum.

Mosh’s advice stuck with me: Keep your state as simple as possible. It’s tempting to throw everything in state, but trust me, less is more.

Why You Should Start React-ing!

React isn’t scary. It’s weird at first, sure, but once you understand the basics, you’ll see why everyone loves it.
Vite is a game-changer. If you’re just starting, do yourself a favor and skip the bloated setups. Vite is your friend.
Celebrate the small wins. Every time I got something to work, no matter how small, I felt like a coding ninja. Debugging, though? That’s another story.

Building Community Connections with CoquiNav: My Journey Through Development

Aryam Michel — Mon, 18 Nov 2024 16:30:07 +0000

In today’s fast-paced world, fostering local communities can be challenging. CoquiNav was created to bridge this gap by showcasing free, small events near users’ locations, making it easier for people to connect and engage with their communities. This project was a collaborative effort between me and my talented team member Koral Rivera over a span of two months. Our primary audience includes individuals looking to discover and participate in local events without the barrier of cost. My personal focus was on backend development, ensuring that the app's functionalities were robust and scalable.

A Community Building App

Growing up in a tight-knit neighborhood, I always valued the sense of community that local events fostered. From weekend farmer’s markets to spontaneous block parties, these gatherings not only provided entertainment but also strengthened bonds among neighbors. However, as cities grow and lifestyles become busier, it's easy for these connections to fade. I wanted to recreate that sense of community in the digital age. The idea for CoquiNav sparked during a conversation between Koral and I, because we live very far from the metro area (where these types of gatherings happen frequently) and we struggled to find events in our area to connect with the local community. This personal experience highlighted the need for a platform that not only lists events but also encourages community participation. Developing CoquiNav was my way of giving back to the communities that shaped me, ensuring that others could enjoy the same sense of belonging and connection.

Accomplishments and Technical Achievements

Architecture Overview

CoquiNav's architecture is designed to ensure seamless data flow and scalability. We utilized Flask for the backend framework due to its simplicity and flexibility, allowing us to build a robust API quickly. Firebase was integrated for real-time database management and user authentication, providing a secure and efficient way to handle user data. On the frontend, we employed HTML, CSS, and JavaScript to create a responsive and intuitive user interface. The Google Maps API was pivotal in displaying event locations dynamically, enhancing the user experience by providing geographical context. Version control and collaboration were managed through GitHub, enabling smooth teamwork and code management.

Technology Choices Explained

For the frontend, we chose HTML5, CSS3, and JavaScript without additional frameworks to maintain simplicity and ensure a deep understanding of core web technologies. This decision allowed us to focus on creating a clean and responsive design without the overhead of learning and integrating a new framework. On the backend, Flask was selected for its lightweight nature, which was ideal for our project's requirements. Firebase was integrated to handle real-time data synchronization and authentication seamlessly, reducing the complexity of building these features from scratch.

Key Features

Event Discovery: Users can browse a curated list of free, small events happening near their location, making it easy to discover and participate in local activities.

Interactive Map Integration: Utilizing the Google Maps API, users can visualize event locations on a map, providing geographical context and simplifying event navigation.

User Authentication: Secure login and registration through Firebase, allowing users to personalize their experience.

Overcoming Technical Challenges: Integrating Real-Time Data with Firebase

One of the most significant challenges faced during the development of CoquiNav was integrating real-time data synchronization using Firebase. Our goal was to ensure that any new event added by users would instantly reflect across all active sessions without requiring a page refresh.

Situation: Early in the development process, we decided to implement a feature where users could add events in real-time, and these events would appear instantly on everyone’s interface. This required a robust real-time database solution.

Task: My responsibility was to integrate Firebase with our Flask backend to handle real-time data updates efficiently. This involved setting up Firebase's real-time database, configuring authentication, and ensuring seamless communication between the frontend and backend.

Action: I began by thoroughly researching Firebase’s real-time database capabilities and how it could be integrated with Flask. Setting up the initial Firebase project was straightforward, but the complexity arose when attempting to establish a bidirectional data flow between Flask and Firebase. I encountered issues where data updates from Firebase were not propagating correctly to the Flask server, leading to inconsistencies in the event listings.

To address this, I implemented Firebase’s SDK in the frontend to handle real-time data listening and updates directly, reducing the dependency on the Flask backend for real-time operations. Simultaneously, I configured Flask to handle CRUD operations securely, ensuring that any data manipulation was validated and stored correctly in Firebase. This hybrid approach allowed us to leverage Firebase’s strengths for real-time updates while maintaining the backend’s integrity and security.

Result: Through persistent troubleshooting and iterative testing, I successfully integrated Firebase to handle real-time data synchronization. This not only enhanced the user experience by providing instantaneous updates but also streamlined our development process by offloading real-time operations to Firebase. The feature now works flawlessly, allowing users to add and view events in real-time, significantly improving the app’s responsiveness and interactivity.

Lessons Learned and Future Directions

Developing CoquiNav has been an enlightening journey, both technically and personally. Technically, I gained a deeper understanding of integrating Flask with Firebase, mastering real-time data synchronization, and optimizing frontend performance without relying on heavy frameworks.

Personally, this project reinforced my passion for building tools that enhance community engagement. I discovered that my strengths lie in backend development and real-time systems, which I plan to further explore in future projects. Additionally, I learned the value of perseverance and adaptability; encountering and overcoming technical challenges taught me to approach problems methodically and seek innovative solutions.

In hindsight, allocating more time to initial planning and prototyping could have streamlined the integration process with Firebase. In future projects, I intend to implement more comprehensive testing phases early on to identify potential issues sooner and mitigate them effectively.

About Me

My name is Aryam Alvarez, and I am a passionate software engineer with a keen interest in building applications that foster community and connectivity. My journey with CoquiNav has equipped me with valuable skills in backend development, real-time data management, and collaborative project execution. I invite you to explore the project further on my GitHub. Connect with me on LinkedIn to stay updated on my latest projects and professional endeavors.