How would I properly transfer a program from freeCodeCamp into a React project set-up by Vite? [closed]

The question itself is vague, so I'll do my best to clear things up.

I completed a project on the freeCodeCamp platform which contains the following files: index.jsx, index.html, and styles.css.

I want to use VSCode to set up a project in React using Vite to be able to operate outside of the freeCodeCamp editor. However, there are so many files in the file directory that are added by Vite such as main.jsx, App.jsx, index.css, App.css, and so forth.

Visual Example of the current File Hierarchy:

Current hosted website:

I made changes to the App.jsx file and the App.css file. However, when I looked at the hosted website it just became a blank white screen. I already looked on youtube for how people set up React projects using Vite and the documentation on the Vite website but I am still confused.

So, the main issue is where I should be inserting my code from my index.jsx file and the styling from my styles.css.