Hugging Face's logo

Spaces:
FrederickSundeep
/
CodeMateApp
Running

App Files Community
FrederickSundeep commited on
Commit
529f0aa
·
1 Parent(s): 4fa42d6

commit 10

Browse files
Files changed (1) hide show
  1. src/FileUploadForm.js +48 -46
src/FileUploadForm.js CHANGED
@@ -56,7 +56,6 @@ const FileUploadForm = () => {
56
  const blob = new Blob([response.data], { type: "application/zip" });
57
  setZipBlob(blob);
58
 
59
- // Parse file names from inside the ZIP blob using JSZip (client-side)
60
  const JSZip = (await import("jszip")).default;
61
  const zip = await JSZip.loadAsync(blob);
62
  const filenames = Object.keys(zip.files);
@@ -96,10 +95,11 @@ const FileUploadForm = () => {
96
  >
97
  <Paper elevation={6} sx={{ padding: 4, backgroundColor: "#1e1e1e", maxWidth: 600, width: "100%" }}>
98
  <Box textAlign="center" my={4}>
99
- <Typography variant="h4" component="h1">
100
- 🧠 AI Project Generator
101
- </Typography>
102
- </Box>
 
103
  <Typography variant="h5" gutterBottom color="primary">
104
  📄 Generate Full-Stack Project from Requirements (TXT or PDF)
105
  </Typography>
@@ -124,48 +124,50 @@ const FileUploadForm = () => {
124
  </Button>
125
  </Grid>
126
 
127
- <Grid item xs={12} sm={4}>
128
- <FormControl fullWidth>
129
- <InputLabel>Frontend</InputLabel>
130
- <Select value={frontend} onChange={(e) => setFrontend(e.target.value)} label="Frontend">
131
- <MenuItem value="React">React</MenuItem>
132
- <MenuItem value="Angular">Angular</MenuItem>
133
- <MenuItem value="Vue">Vue</MenuItem>
134
- <MenuItem value="Next.js">Next.js</MenuItem>
135
- <MenuItem value="Svelte">Svelte</MenuItem>
136
- <MenuItem value="HTML/CSS/JS">HTML/CSS/JS</MenuItem>
137
- </Select>
138
- </FormControl>
139
- </Grid>
140
-
141
- <Grid item xs={12} sm={4}>
142
- <FormControl fullWidth>
143
- <InputLabel>Backend</InputLabel>
144
- <Select value={backend} onChange={(e) => setBackend(e.target.value)} label="Backend">
145
- <MenuItem value="Flask">Flask</MenuItem>
146
- <MenuItem value="Node.js">Node.js</MenuItem>
147
- <MenuItem value="Django">Django</MenuItem>
148
- <MenuItem value="Express.js">Express.js</MenuItem>
149
- <MenuItem value="Spring Boot">Spring Boot</MenuItem>
150
- <MenuItem value="FastAPI">FastAPI</MenuItem>
151
- </Select>
152
- </FormControl>
153
- </Grid>
154
-
155
- <Grid item xs={12} sm={4}>
156
- <FormControl fullWidth>
157
- <InputLabel>Database</InputLabel>
158
- <Select value={database} onChange={(e) => setDatabase(e.target.value)} label="Database">
159
- <MenuItem value="PostgreSQL">PostgreSQL</MenuItem>
160
- <MenuItem value="MongoDB">MongoDB</MenuItem>
161
- <MenuItem value="MySQL">MySQL</MenuItem>
162
- <MenuItem value="SQLite">SQLite</MenuItem>
163
- <MenuItem value="Firebase">Firebase</MenuItem>
164
- <MenuItem value="Supabase">Supabase</MenuItem>
165
- </Select>
166
- </FormControl>
167
- </Grid>
 
168
 
 
169
  <Grid item xs={12}>
170
  <Button
171
  type="submit"
 
56
  const blob = new Blob([response.data], { type: "application/zip" });
57
  setZipBlob(blob);
58
 
 
59
  const JSZip = (await import("jszip")).default;
60
  const zip = await JSZip.loadAsync(blob);
61
  const filenames = Object.keys(zip.files);
 
95
  >
96
  <Paper elevation={6} sx={{ padding: 4, backgroundColor: "#1e1e1e", maxWidth: 600, width: "100%" }}>
97
  <Box textAlign="center" my={4}>
98
+ <Typography variant="h4" component="h1">
99
+ 🧠 AI Project Generator
100
+ </Typography>
101
+ </Box>
102
+
103
  <Typography variant="h5" gutterBottom color="primary">
104
  📄 Generate Full-Stack Project from Requirements (TXT or PDF)
105
  </Typography>
 
124
  </Button>
125
  </Grid>
126
 
127
+ {/* 👇 Updated: Stack dropdowns one below the other */}
128
+ <Grid item xs={12}>
129
+ <FormControl fullWidth>
130
+ <InputLabel>Frontend</InputLabel>
131
+ <Select value={frontend} onChange={(e) => setFrontend(e.target.value)} label="Frontend">
132
+ <MenuItem value="React">React</MenuItem>
133
+ <MenuItem value="Angular">Angular</MenuItem>
134
+ <MenuItem value="Vue">Vue</MenuItem>
135
+ <MenuItem value="Next.js">Next.js</MenuItem>
136
+ <MenuItem value="Svelte">Svelte</MenuItem>
137
+ <MenuItem value="HTML/CSS/JS">HTML/CSS/JS</MenuItem>
138
+ </Select>
139
+ </FormControl>
140
+ </Grid>
141
+
142
+ <Grid item xs={12}>
143
+ <FormControl fullWidth>
144
+ <InputLabel>Backend</InputLabel>
145
+ <Select value={backend} onChange={(e) => setBackend(e.target.value)} label="Backend">
146
+ <MenuItem value="Flask">Flask</MenuItem>
147
+ <MenuItem value="Node.js">Node.js</MenuItem>
148
+ <MenuItem value="Django">Django</MenuItem>
149
+ <MenuItem value="Express.js">Express.js</MenuItem>
150
+ <MenuItem value="Spring Boot">Spring Boot</MenuItem>
151
+ <MenuItem value="FastAPI">FastAPI</MenuItem>
152
+ </Select>
153
+ </FormControl>
154
+ </Grid>
155
+
156
+ <Grid item xs={12}>
157
+ <FormControl fullWidth>
158
+ <InputLabel>Database</InputLabel>
159
+ <Select value={database} onChange={(e) => setDatabase(e.target.value)} label="Database">
160
+ <MenuItem value="PostgreSQL">PostgreSQL</MenuItem>
161
+ <MenuItem value="MongoDB">MongoDB</MenuItem>
162
+ <MenuItem value="MySQL">MySQL</MenuItem>
163
+ <MenuItem value="SQLite">SQLite</MenuItem>
164
+ <MenuItem value="Firebase">Firebase</MenuItem>
165
+ <MenuItem value="Supabase">Supabase</MenuItem>
166
+ </Select>
167
+ </FormControl>
168
+ </Grid>
169
 
170
+ {/* 👇 Button now comes after selects */}
171
  <Grid item xs={12}>
172
  <Button
173
  type="submit"