Anuoluwapo Oyebanji

Biochemist|Virtual Assistant|Frontend developer|Software|Tech enthusiast|Web dev|Always learning|Passionate about impact and growth|Being myself all the time

[Anuoluwapo Oyebanji @jaybeedebbie]

@dopabees [email protected]

[Anuoluwapo Oyebanji @jaybeedebbie]

It's my 2nd task on @alx_africa AI for Developers program.
Just crafted a Contextual + System Prompt to generate clean Express route code using AI!
The task? Build a "get user by ID" API using Node.js + Express + Mongoose.

#ALX_AIDEV @alx_africa @kalibetre @jbarbier

[Anuoluwapo Oyebanji @jaybeedebbie]

AI is reshaping software development, boosting productivity, democratizing coding, and supercharging collaboration, but beware over-reliance, hallucinations, and ethical risks. Balance with clear guidelines & human oversight.

#ALX_AIDEV @alx_africa @kalibetre @jbarbier

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 13 of 14: Styling in React

I tried CSS Modules, Inline Styles & Styled-Components in my Todo App.

Styling made the UI look amazing as usual!
Showing up daily wasn’t easy, but I’m proud I kept going! I'll be back later today for Day 14 of 14

#14DaysOfReact #ReactJS #WebDev

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 12 of 14: Finally made my Todo app interactive!

Built features to add, delete & toggle tasks using useState + props + handlers.
I took an unintentional and unforeseen break, but I'm back on track!
#14DaysOfReact #ReactJS #WebDev #LearningInPublic

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 11 of 14: Mini Project – Todo List (Part 1)
Started by breaking it into components: App, TodoInput, TodoItem & TodoList.

Next, I’ll make the app interactive by adding new tasks! Watch out for part 2 as you'll get to see the result.
#14DaysOfReact #ReactJS #WebDev

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 10 of 14: Controlled vs Uncontrolled Components in React

Today I learned two ways React handles form inputs:

Controlled—values tied to state via useState
Uncontrolled—values accessed via ref
Controlled inputs offer better control & validation.

#14DaysOfReact #ReactJS

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 9 of 14: Rendering Lists in React

Today, I explored how to display dynamic data using .map() and why keys matter.

What I learned:
.map() renders components from arrays.

Keys help React track items efficiently.

Without keys, React can confuse or misplace elements.
#ReactJS

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 8 of 14: Conditional Rendering in React
Today, I learned how to render different UI based on dynamic conditions using the ternary (? :) and logical AND (&&) operators. It’s key for toggling views, messages, and more in a clean, declarative way.
#14DaysOfReact #ReactJS #WebDev

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 7 of 14: useEffect in React
Halfway through my #14DaysOfReact challenge!
Today I explored useEffect, a hook for running side effects like
Fetching API data
Updating the page title
Adding event listeners
It connects your React app to the outside world.
#ReactJS #BuildInPublic

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 6 of 14
Today, I explored how React handles user interactions like clicks and inputs. Events trigger updates, are tied to state changes, and work like JavaScript, but in JSX
I built a basic Tic-Tac-Toe game. Each square updates on click using useState, and the board rerenders

[Anuoluwapo Oyebanji @jaybeedebbie]

I'm glad to have been selected to join the @SheCodeAfrica x GitSkilled Education Program!

I just completed the first module, and I'm grateful for this opportunity to grow, learn, and contribute to open source!

#SCAScholar #GitSkilled #SCAxGitSkilled

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 5 of 14: Intro to State in React

I built a simple counter with useState. State lets components track data that changes over time. Unlike props, state lives inside the component. When it changes, React re-renders.

#14DaysOfReact #ReactJS #useState #JavaScript #WebDevelopment

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 4 of 14 — Passing Data with Props in React
Today I learned how props let components receive data from parents.
I built a Card that takes a title and description as props.
Props are reusable, flexible components.
Next: learning state!
#14DaysOfReactcard

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 3 of 14 — Thinking in Components

React apps are built from small, reusable parts called components. Today I created a Header, Button, and Card.

Component-based design makes UIs easier to build, maintain, and scale.

Next: props and how components talk.

#14DaysOfReact

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 2 of 14: JSX in React
JSX is JavaScript XML. It lets you write HTML-like code in JavaScript.

Why use it?
• Clearer UI code
• Logic and markup together
• Component-friendly

#14DaysOfReact #ReactJS #WebDev

[Anuoluwapo Oyebanji @jaybeedebbie]

Day 1 of 14: Why I’m Learning ReactJS
Starting a 14-day ReactJS challenge!
🧠 Why React?
✅ Reusable components
✅ Efficient UI updates
✅ Strong ecosystem
✅ Better architecture
🔍 Next up: JSX — React’s syntax blending HTML with JS!
#14DaysOfReact #ReactJS #WebDev #JavaScript

[Anuoluwapo Oyebanji @jaybeedebbie]

@tohire_ng Virtual Assistant

[DLCF P.S UNILORIN @dlcfps_unilorin]

Global Sunday Service @ DLCF PS Unilorin

#GCKinOsogbo
#GCK

[Anuoluwapo Oyebanji @jaybeedebbie]

@CFC_Jon_ Not at all sir🙌