Eniola O.A

Software engineer

[Your Designer @Daviowhite]

Pushed my First Commits last night

These are the steps I followed

1. I started building in Google AI studio for the first time then faced a challenge with testing on my device

2. I downloaded the react codes to my device and created a repo in GitHub after chatting with macOS built in terminal

3. Making updates was slow so I got VS code to make it faster

4. Discovered it was better so I shutdown macOS terminal, created a new terminal inside vs code

5. Imported my project file folder into it and started making updates directly

6. Learned to pause and restart vite server using control C so I can push new build and test it

7. To test the app on my phone, I created an account with Vercel with my GitHub connected

8. Went back to terminal to test that all integrations are working including GitHub branch “main” and status

9. Pushed my first commit at 4AM, added the commit message, sync with terminal to allow build go through

10. It auto deployed in Vercel and was live on my localhost and phone with the Vercel url

11. I discovered copilot agent was in vs code so I tried it to make a small update to the bottom navigation since 50% of it was hiding behind the browser url

Copilot completely moved the bottom navigation below the page 🥲 so I asked my buddy gpt for help

12. It taught me how to undo deployments using a set of codes including
git reset —hard HEAD~1
git push —force

These commands brought back my previous build but it didn’t push to Vercel so I updated the bottom navigation using “100dvh” instead of “100vh”

13. New commit was available now in Source control so I pushed and it was fixed

Made some few adjustments turning the web app into a progressive web app on my phone so it can live as an app icon hiding web browser

This process taught me a lot, I went from Hello World to a commit super fast

My Complete Tool Stack

Core Tech
- React + TypeScript
- Vite
- Tailwind CSS

Version Control & Deployment
- Git (version control)
- GitHub (repository + source control integration)
- Vercel (CI/CD + auto deployment)

Development Environment
- VS Code

AI / Assistance Tools
- ChatGPT (architecture, debugging, guidance, decision support)
- GitHub Copilot (inline code assistance)
- Google AI Studio (experimentation, alternative code generation)

My workflow

- Develop locally
- Commit changes
- Push to GitHub
- Auto-deploy via Vercel
- Test on mobile
- Iterate

[Darkweb @legalprogrammer]

🚀 Just launched my new portfolio!

Check out my projects & skills here: https://t.co/SJ34xsEwXB 🚀 🚀

Looking to help businesses & creators bring their ideas to life—let’s make your project the next one! 👇

#Portfolio #WebDesign #Freelance #DevLife

[Eniola O.A @EniolaCodes]

@IINFIINIITI @Azuki @StoryProtocol This looks splendid! @Azuki

[Eniola O.A @EniolaCodes]

@czarify Happy birthday brother 🥂🎉

[Eniola O.A @EniolaCodes]

@IwuezeAmarachi Very sorry to hear this @IwuezeAmarachi my sincere condolences to you and your family🙏🏼

[Eniola O.A @EniolaCodes]

@tolzyhub My bruv, I am enjoying the hell out of my chair right now and it helped me complete my healing process from backache😂

But the chair in the image is a furgle PRO gaming chair, I use the furgle gaming chair, I can tell by the arm rest

maybe that’s where the problem is

[Eniola O.A @EniolaCodes]

I’m excited to share I and the team at https://t.co/MxaCceQE5A recently completed a website for the Oxford and Cambridge Alumni Network of Nigeria! 🌍

The goal was to showcase the community's values, leadership, and events, while streamlining administrative tasks such as application submissions, dues/donations, and assets sharing.

We delivered a high-performance, visually appealing website. Check it out here: https://t.co/TW7sq5QeEq

Open thread to see our brief process👇🏼

[Eniola O.A @EniolaCodes]

This launch is yet to stop bursting my brains 🚀

Check it out: https://t.co/VnRqYlHVsw

Don’t miss out on the process👇🏼

[BeingAmarachi 🪁 @IwuezeAmarachi]

Let me tell you my story, it is going to be a long read but i promise you its worth it!

I actually resigned from my old job twice - yeah, twice 😂

In 2021, I was working as a Customer Service Agent for Multichoice. After a while, I got tired of the same routine every day - waking up at 5 AM, getting dressed, catching the staff bus at 6 AM, and then making calls from 9 AM to 6 PM. It felt like I was stuck on repeat.

So, I decided to quit, but for what?

Open👇🏾

Image 1: Days in Multichoice (Dstv/GOtv)
Image 2: Me at home drawing
Image 3: Me at the studio (Arts)

[Eniola O.A @EniolaCodes]

@AdeniranQuwam Yes, it has an Admin dash

[Eniola O.A @EniolaCodes]

This launch is yet to stop bursting my brains 🚀

Check it out: https://t.co/VnRqYlHVsw

Don’t miss out on the process👇🏼

[Eniola O.A @EniolaCodes]

I’m excited to share I and the team at https://t.co/MxaCceQE5A recently completed a website for the Oxford and Cambridge Alumni Network of Nigeria! 🌍

The goal was to showcase the community's values, leadership, and events, while streamlining administrative tasks such as application submissions, dues/donations, and assets sharing.

We delivered a high-performance, visually appealing website. Check it out here: https://t.co/TW7sq5QeEq

Open thread to see our brief process👇🏼

[Eniola O.A @EniolaCodes]

Picture frames plug? Anyone?👀

[Eniola O.A @EniolaCodes]

I’m already locked In🔒

Hence, dedicating this week to destroying every obstacle on my path to success!

Have a productive week y’all

[Eniola O.A @EniolaCodes]

I’m already locked In🔒

Hence, dedicating this week to destroying every obstacle on my path to success!

Have a productive week y’all

[Eniola O.A @EniolaCodes]

Next, we selected the development technologies with three key priorities in mind:

• Page speed & performance
• UI design flexibility
• Compatibility with newer technologies and integrations

To handle all of this, we opted for:

• Next.js & TypeScript: Frontend framework
• Node.js & Express: Backend framework
• Tailwind CSS: The fastest styling library
• Cloudinary: Media upload and optimization
• Framer Motion: Subtle animations, seamless with TypeScript
• Nodemailer: Email integration with Express
• React Share: Simple social media sharing buttons
• React Icons: Icon library
• Jest: Unit and integration tests
• Deployment: Vercel (frontend) & OnRender (backend)

[Eniola O.A @EniolaCodes]

I’m excited to share I and the team at https://t.co/MxaCceQE5A recently completed a website for the Oxford and Cambridge Alumni Network of Nigeria! 🌍

The goal was to showcase the community's values, leadership, and events, while streamlining administrative tasks such as application submissions, dues/donations, and assets sharing.

We delivered a high-performance, visually appealing website. Check it out here: https://t.co/TW7sq5QeEq

Open thread to see our brief process👇🏼

[Eniola O.A @EniolaCodes]

kicked off by gathering brand assets and conducting user experience research, analyzing top alumni platforms from renowned institutions to understand how they engage users and tell their story.

Our top picks were:
• Lehigh University Alumni (https://t.co/V2gcnVXPeE)
• Stanford University Alumni (https://t.co/JY1rjZPpfs)
• Creighton University Alumni (https://t.co/SHNYsWovfb)

This research helped us build effective wireframes, which then led to the complete design.

[hewar @hewarsaber]

Before → after

[Shantanu Kumar @shantanukmr]

Dear Twitter/X,

Help me decide. A or B?

→ Creatives from the new Matcha Affogato campaign for Got Tea.

[Eniola O.A @EniolaCodes]

@mello_wf This looks cool

[JoJo.B 🐻‍❄️ @mello_wf]

WIP.png

onlydonations... coming soon.