Words You Need to Know
Use these words to communicate with AI better.
local/remote, development/production:
The file copy of your code on your computer is called your 'local' file and the one on GitHub is called your 'remote' file.
The version of your site you see when running your 'local' file is called 'development mode' and the version of your site you see when running your 'remote' file is called 'production mode'.
You see/interact with 'development' when running the site through your terminal (the black thing on your computer). This is your:
You see/interact with 'production' when you're visiting the actual site hosted through Vercel (or Replit, Amazon...). This is your:
Mobile/Desktop:
Always check your app to see how it shows on different devices and when something is wrong, specify which device is having problems with the app. For example, if everything is fine on your desktop, then specify that desktop version is perfect, but the mobile one needs adjustment and be clear that you want no changes to the desktop and you want the following changes to only apply to mobile.
Components:
When describing what you want AI to make it really helps if you know the name of the components you're referring to. If you're not sure what it's called, try to describe it or look up the name online first. Instead of just saying "make a thingy pop up when I press the button", you should be saying:
"open a modal when the button is pressed."
Or instead of saying "make things fade in" you should say:
"use Framer Motion to fade in the elements within view. Make sure everything is not fading in at the same time and the elements that I need to scroll down to be able to see will fade in as they come into view once I scroll down."
Spend some time familiarizing yourself with what things are called as they will help you have much better control over the design and development of your web application.