GPT

Firestore Data Management

// src/pages/todos.astro import { adminDb } from '../lib/firebase.server'; let todos = []; let error = null; // Handle form submission if (Astro.request.method === 'POST') { const formData = await Astro.request.formDa

Prompt text

Original English text. Replace placeholders with your own details.

---
// src/pages/todos.astro
import { adminDb } from '../lib/firebase.server';

let todos = [];
let error = null;

// Handle form submission
if (Astro.request.method === 'POST') {
 const formData = await Astro.request.formData();
 const action = formData.get('action');
 const title = formData.get('title');
 const id = formData.get('id');

 try {
 switch (action) {
 case 'create':
 await adminDb.collection('todos').add({
 title,
 completed: false,
 createdAt: new Date()
 });
 break;
 case 'toggle':
 const doc = await adminDb.collection('todos').doc(id).get();
 await doc.ref.update({
 completed: !doc.data().completed
 });
 break;
 case 'delete':
 await adminDb.collection('todos').doc(id).delete();
 break;
 }
 } catch (e) {
 error = e.message;
 }
}

// Fetch todos
try {
 const snapshot = await adminDb.collection('todos')
 .orderBy('createdAt', 'desc')
 .limit(10)
 .get();
 
 todos = snapshot.docs.map(doc => ({
 id: doc.id,
 ...doc.data()
 }));
} catch (e) {
 error = e.message;
}
---

<div>
 <form method="post">
 <input
 type="text"
 name="title"
 placeholder="New todo"
 required
 />
 <input type="hidden" name="action" value="create" />
 <button type="submit">Add</button>
 </form>

 {error && <p class="error">{error}</p>}

 <ul>
 {todos.map((todo) => (
 <li>
 <form method="post" style="display: inline">
 <input type="hidden" name="id" value={todo.id} />
 <input type="hidden" name="action" value="toggle" />
 <button type="submit">
 {todo.completed ? '✓' : '○'}
 </button>
 </form>
 <span style={`text-decoration: ${todo.completed ? 'line-through' : 'none'}`}>
 {todo.title}
 </span>
 <form method="post" style="display: inline">
 <input type="hidden" name="id" value={todo.id} />
 <input type="hidden" name="action" value="delete" />
 <button type="submit">Delete</button>
 </form>
 </li>
 ))}
 </ul>
</div>

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →