From the course: Replit 101: From Prompt to Product

Making content and design changes - Replit Tutorial

From the course: Replit 101: From Prompt to Product

Making content and design changes

“

Now that I've tested the app and made sure everything works as described in the original prompt, I can start refining the app to make it look and feel the way I want to. And most of this can be done in the same preview window without touching any of the code. Let me show you an example of this. Repl.it gave my app the name OpenMic. I don't like that name. I want to change it to something else. And to do that, I'll go down into the chat, click on this button here that says Select Element, and go and select the element in question, that opens a properties panel in the sidebar where I can see the properties for this element. In this case, the content, font size, font weight, and so on. And here I can change it to something else. This panel allows me to change the display of the text element itself, so the span. If I wanted to change the font, for example, I would have to go over to the theme settings and then create a new theme or apply new theme settings to this to make it work. So you may have to navigate around a bit to different panels to get access to the features you want to make changes to, but they're all available to you from within this panel. Once I'm happy with my change, I'll click Save Changes. The agent now reviews the app, detects the changes, runs any background processes it needs to update the app, and refreshes its own memory, so it knows what you just changed. Otherwise, when you re-engage the agent, it may think that content is in one state, but it's now in another because you changed it, and that can cause conflicts.

Contents