commit 7

src/FileUploadForm.js

@@ -120,37 +120,46 @@ const FileUploadForm = () => {
             </Grid>
 
             <Grid item xs={12} sm={4}>
-              <FormControl fullWidth>
-                <InputLabel>Frontend</InputLabel>
-                <Select value={frontend} onChange={(e) => setFrontend(e.target.value)} label="Frontend">
-                  <MenuItem value="React">React</MenuItem>
-                  <MenuItem value="Angular">Angular</MenuItem>
-                  <MenuItem value="Vue">Vue</MenuItem>
-                </Select>
-              </FormControl>
-            </Grid>
-
-            <Grid item xs={12} sm={4}>
-              <FormControl fullWidth>
-                <InputLabel>Backend</InputLabel>
-                <Select value={backend} onChange={(e) => setBackend(e.target.value)} label="Backend">
-                  <MenuItem value="Flask">Flask</MenuItem>
-                  <MenuItem value="Node.js">Node.js</MenuItem>
-                  <MenuItem value="Django">Django</MenuItem>
-                </Select>
-              </FormControl>
-            </Grid>
-
-            <Grid item xs={12} sm={4}>
-              <FormControl fullWidth>
-                <InputLabel>Database</InputLabel>
-                <Select value={database} onChange={(e) => setDatabase(e.target.value)} label="Database">
-                  <MenuItem value="PostgreSQL">PostgreSQL</MenuItem>
-                  <MenuItem value="MongoDB">MongoDB</MenuItem>
-                  <MenuItem value="MySQL">MySQL</MenuItem>
-                </Select>
-              </FormControl>
-            </Grid>
+  <FormControl fullWidth>
+    <InputLabel>Frontend</InputLabel>
+    <Select value={frontend} onChange={(e) => setFrontend(e.target.value)} label="Frontend">
+      <MenuItem value="React">React</MenuItem>
+      <MenuItem value="Angular">Angular</MenuItem>
+      <MenuItem value="Vue">Vue</MenuItem>
+      <MenuItem value="Next.js">Next.js</MenuItem>
+      <MenuItem value="Svelte">Svelte</MenuItem>
+      <MenuItem value="HTML/CSS/JS">HTML/CSS/JS</MenuItem>
+    </Select>
+  </FormControl>
+</Grid>
+
+<Grid item xs={12} sm={4}>
+  <FormControl fullWidth>
+    <InputLabel>Backend</InputLabel>
+    <Select value={backend} onChange={(e) => setBackend(e.target.value)} label="Backend">
+      <MenuItem value="Flask">Flask</MenuItem>
+      <MenuItem value="Node.js">Node.js</MenuItem>
+      <MenuItem value="Django">Django</MenuItem>
+      <MenuItem value="Express.js">Express.js</MenuItem>
+      <MenuItem value="Spring Boot">Spring Boot</MenuItem>
+      <MenuItem value="FastAPI">FastAPI</MenuItem>
+    </Select>
+  </FormControl>
+</Grid>
+
+<Grid item xs={12} sm={4}>
+  <FormControl fullWidth>
+    <InputLabel>Database</InputLabel>
+    <Select value={database} onChange={(e) => setDatabase(e.target.value)} label="Database">
+      <MenuItem value="PostgreSQL">PostgreSQL</MenuItem>
+      <MenuItem value="MongoDB">MongoDB</MenuItem>
+      <MenuItem value="MySQL">MySQL</MenuItem>
+      <MenuItem value="SQLite">SQLite</MenuItem>
+      <MenuItem value="Firebase">Firebase</MenuItem>
+      <MenuItem value="Supabase">Supabase</MenuItem>
+    </Select>
+  </FormControl>
+</Grid>
 
             <Grid item xs={12}>
               <Button