DEV Community: Melody Kelly. N

Shatter Bay — Breaking the Glass Ceiling in Tech

Melody Kelly. N — Sat, 14 Mar 2026 10:14:17 +0000

Show us your Art

Shatter Bay is an interactive frontend artwork representing the breaking of barriers in the technology industry.

The experience begins with rising code and digital energy trapped beneath a fragile glass ceiling. As interaction builds, cracks begin to form until the ceiling finally shatters, allowing the code to rise freely.

The project is designed as a symbolic moment of breakthrough, representing the progress toward gender equity in technology and the collective effort required to dismantle systemic barriers.

🔗 Live Project:
[https://shatter-bay.vercel.app/]

Inspiration

The inspiration behind Shatter Bay comes from the widely recognized metaphor of the glass ceiling — the invisible barriers that prevent many talented individuals from reaching leadership or recognition in their fields.

In tech especially, countless developers possess the creativity, skill, and ambition needed to innovate, yet systemic barriers have historically limited opportunities for many underrepresented voices.

This artwork transforms that metaphor into an interactive digital experience:

Rising code represents talent, creativity, and potential.

The glass ceiling represents invisible structural barriers.

The cracking and shattering symbolizes collective progress toward equity and inclusion.

Rather than presenting the idea as static imagery, I wanted users to participate in the act of breaking the ceiling, reinforcing the idea that progress happens through continued effort and participation from the entire tech community.

My Code

The project was built using frontend technologies to create an interactive and immersive experience.

Technologies used:

React
CSS
JavaScript

Interactive animations and particle effects

The goal was to combine symbolic storytelling with creative frontend engineering, demonstrating how code itself can be used as a medium for artistic expression.

💻 Source Code Repository:
(https://github.com/melodykellynwaogu/shatter)

Thank you to the DEV community and the WeCoded Challenge for creating a space that celebrates creativity, diversity, and the voices shaping the future of technology.

AI Builders Wanted — Let’s Create Together

Melody Kelly. N — Thu, 12 Mar 2026 08:26:53 +0000

Hey DEV fam 👋,

I’m Melody kelly, working on Syrma AI — a project designed to understand and combine text, images, audio, video, and code into something powerful for everyday life and tech questions.

But I don’t want to build this alone. I’m looking for dev friends — not just collaborators, but people who want to grow together.

Who I’m Looking For 🙏:

Frontend devs (React, Angular, TypeScript, etc.)

Backend engineers

Data engineers

Full‑stack builders who love experimenting

Who I Am 🤗:

Passionate about AI and creative projects

Open to global dev vibes 🌍

Value authenticity, curiosity, and community

If this resonates with you, drop a comment or connect with me. Let’s ship side projects, bounce ideas, debug together, and celebrate the wins.

Not just to code. But to grow. Together. 💻❤️

Deluxers Search Intelligence

Melody Kelly. N — Sun, 08 Mar 2026 13:13:50 +0000

Introducing Deluxers — A Fast, Minimal Search Engine

Hello Dev Community 👋

I’ve been working on a project called Deluxers, a search engine focused on speed, simplicity, and trust-first answers.

You can try it here:
https://deluxers.vercel.app

What Deluxers Is

Deluxers is designed as a clean and lightweight search interface that helps users quickly find information for everyday questions and technical topics without clutter.

The goal is simple:

fast search
minimal interface
structured results
simple navigation

Tech Stack

The project is split into three main parts:

Backend

Node.js
Express
MongoDB (Mongoose)

Web Interface

React
Vite

Mobile

React Native (Expo)

Architecture Overview

Deluxers follows a client → API → search pipeline.

Web and mobile apps send search requests to a REST API.
The API processes the request and retrieves results.
Results are structured and returned to the interface for display.

This architecture allows the web and mobile apps to share the same backend.

Features

Some features currently implemented include:

Fast search result loading
Clean result layout
Pagination for navigating results
Query suggestions
Structured link results

Deployment

The system is currently deployed across multiple services:

Web interface: Vercel
API server: Render
Mobile builds: Expo EAS

Why I Built It

I built Deluxers as an engineering project to explore how search engines work internally — including query handling, result structuring, and building scalable web interfaces.

It has been a great learning experience in building full systems that include:

frontend applications
backend APIs
deployment pipelines
cross-platform clients

Feedback Welcome

This project is still evolving, and I’m continuously improving it.

If you try it, I would really appreciate feedback from other developers.

https://deluxers.vercel.app

Deluxers Search Intelligence

Melody Kelly. N — Sat, 26 Jul 2025 19:09:34 +0000

Introducing Deluxers — A Fast, Minimal Search Engine

Hello Dev Community 👋

I’ve been working on a project called Deluxers, a search engine focused on speed, simplicity, and trust-first answers.

You can try it here:
https://deluxers.vercel.app

What Deluxers Is

Deluxers is designed as a clean and lightweight search interface that helps users quickly find information for everyday questions and technical topics without clutter.

The goal is simple:

fast search
minimal interface
structured results
simple navigation

Tech Stack

The project is split into three main parts:

Backend

Node.js
Express
MongoDB (Mongoose)

Web Interface

React
Vite

Mobile

React Native (Expo)

Architecture Overview

Deluxers follows a client → API → search pipeline.

Web and mobile apps send search requests to a REST API.
The API processes the request and retrieves results.
Results are structured and returned to the interface for display.

This architecture allows the web and mobile apps to share the same backend.

Features

Some features currently implemented include:

Fast search result loading
Clean result layout
Pagination for navigating results
Query suggestions
Structured link results

Deployment

The system is currently deployed across multiple services:

Web interface: Vercel
API server: Render
Mobile builds: Expo EAS

Why I Built It

I built Deluxers as an engineering project to explore how search engines work internally — including query handling, result structuring, and building scalable web interfaces.

It has been a great learning experience in building full systems that include:

frontend applications
backend APIs
deployment pipelines
cross-platform clients

Feedback Welcome

This project is still evolving, and I’m continuously improving it.

If you try it, I would really appreciate feedback from other developers.

https://deluxers.vercel.app

Juneteenth Tribute Page 🎉

Melody Kelly. N — Sun, 22 Jun 2025 13:32:08 +0000

This is a submission for Frontend Challenge - June Celebrations, CSS Art: June Celebrations.

🎉 Juneteenth Tribute Page – Celebrating Freedom, Resilience & Heroes

🔗 Live Demo

👉 Click here to view the tribute page

🌈 Inspiration

Juneteenth commemorates the end of slavery in the United States and celebrates African American freedom, achievement, and community. I wanted to create a tribute that not only honors this history but also highlights key figures who led the journey toward justice.

🎨 Features

Glass Morphic Navigation Bar with smooth scroll
Hero Section with a bold Juneteenth message
About Juneteenth section for education
Hero Cards for Frederick Douglass, Harriet Tubman, MLK Jr., and Opal Lee
Embedded Video about the holiday
Responsive Design for all devices
Mailing List Signup Form with a clean and centered look

🚀 Journey

This project helped me practice responsive layouts, CSS flexbox, and modern UI techniques like glass morphism. I also worked on form styling and learned how to ensure smooth user navigation throughout the page. The history I researched during this build made the coding process more meaningful.

💼 Built With

HTML5
CSS3
Flexbox & Media Queries
Deployed with GitHub Pages

Thanks to DEV for this creative and important challenge!

Happy Juneteenth! ✊🏾✨

Mimicked Terminal

Melody Kelly. N — Wed, 28 May 2025 10:13:27 +0000

Ever wanted to create a terminal-like UI in Python? I decided to experiment with this idea, crafting a mimicked terminal that simulates command input, output display, and dynamic behavior. This was both a fun UI project and an exercise in Python logic structuring Using Flask. Hopefully add some readjustment later on. (https://terminal-line.onrender.com/)
.

Hello From Newbies!

Melody Kelly. N — Tue, 15 Apr 2025 08:05:53 +0000

Hey fellow Python devs! I'm building a RESTful API and I'm wondering what are some best practices for handling errors and exceptions. What are some common pitfalls to avoid? Any advice or recommendations would be greatly appreciated!