Eniola O.A

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