5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>CerebrasCoder</title>
7 <link rel="preconnect" href="https://fonts.googleapis.com" />
8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9 <link
10 href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
11 rel="stylesheet"
12 />
21 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second โ powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
22 <meta property="og:type" content="website">
23 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
24
25
211 } catch (error) {
212 Toastify({
213 text: "We may have hit our Cerebras Usage limits. Try again later or fork this and use your own API key.",
214 position: "center",
215 duration: 3000,
16 };
17 } else {
18 const client = new Cerebras({ apiKey: Deno.env.get("CEREBRAS_API_KEY") });
19 const completion = await client.chat.completions.create({
20 messages: [
2import querystring from "npm:querystring";
3
4const NOW_PLAYING_ENDPOINT = "https://api.spotify.com/v1/me/player/currently-playing";
5const TOKEN_ENDPOINT = "https://accounts.spotify.com/api/token";
6
7const client_id = Deno.env.get("spotify_client_id");
197 `);
198
199 // Handle API routes
200 if (request.method === 'GET' && new URL(request.url).pathname === '/todos') {
201 const todos = await sqlite.execute(`
14and the `excludes` for what you don't want to get notified for.
15
16You can use [Twitter's search operators](https://developer.twitter.com/en/docs/twitter-api/v1/rules-and-filtering/search-operators) to customize your query, for some collection of keywords, filtering out others, and much more!
17
18## 2. Notification
22## Twitter Data & Limitations
23
24The Twitter API has become unusable. This val gets Twitter data via [SocialData](https://socialdata.tools),
25an affordable Twitter scraping API. In order to make this val easy for
26you to fork & use without signing up for another API, I am proxying
27SocialData via @stevekrouse/socialDataProxy. Val Town Pro users can call this proxy a limited amount per day.
28
29If you want to run it more, get your own [SocialData](https://socialdata.tools)
30API token and pay for it directly.
84
85async function sendFarcasterNotification(payload: any) {
86 return await fetch("https://api.warpcast.com/v1/frame-notifications", {
87 method: "POST",
88 headers: { "Content-Type": "application/json" },
67 const [location, setLocation] = useState<{ lat: number; lon: number } | null>(null);
68 const [familyMembers, setFamilyMembers] = useState<any[]>([]);
69 const [mapInstance, setMapInstance] = useState<any>(null);
70 const [leaflet, setLeaflet] = useState<any>(null);
71 const [shareableLink, setShareableLink] = useState<string>("");
254 }).addTo(map);
255
256 setMapInstance(map);
257 }
258 } catch (error) {
278 // Update map with locations
279 useEffect(() => {
280 if (mapInstance && leaflet && location) {
281 mapInstance.eachLayer((layer: any) => {
282 if (layer instanceof leaflet.Marker) {
283 mapInstance.removeLayer(layer);
284 }
285 });
286
287 leaflet.marker([location.lat, location.lon])
288 .addTo(mapInstance)
289 .bindPopup(`${name} (You)`)
290 .openPopup();
291
292 mapInstance.setView([location.lat, location.lon], 13);
293
294 familyMembers.forEach(member => {
295 if (member.latitude && member.longitude) {
296 leaflet.marker([member.latitude, member.longitude])
297 .addTo(mapInstance)
298 .bindPopup(member.name);
299 }
300 });
301 }
302 }, [location, familyMembers, mapInstance, leaflet]);
303
304 return (
7```
8โโโ backend/
9โ โโโ index.ts # Main API entry point using Hono
10โโโ frontend/
11โ โโโ index.html # Main HTML template
26 - Accessibility options
27 - "Find Hotels" button
28- API endpoints for:
29 - Hotel data
30 - Special offers
37- **Frontend**: HTML, CSS, and vanilla JavaScript
38- **Styling**: Custom CSS with responsive design
39- **API**: RESTful endpoints for data
40
41## How to Use
442. The application serves the frontend/index.html file at the root URL
453. Static assets are served from the /static route
464. API endpoints are available at /api/hotels and /api/offers
47
48## Development
532. Update styles in frontend/style.css
543. Modify JavaScript functionality in frontend/index.js
554. Extend the API by adding new endpoints in backend/index.ts
56
57## Notes
74
75 try {
76 const response = await fetch('/api/hotels');
77 const hotels = await response.json();
78
102 getOfferDetailsBtn.addEventListener('click', async () => {
103 try {
104 const response = await fetch('/api/offers');
105 const offers = await response.json();
106 const mainOffer = offers[0]; // Get the first offer (Anniversary offer)
114 viewAllOffersBtn.addEventListener('click', async () => {
115 try {
116 const response = await fetch('/api/offers');
117 const offers = await response.json();
118
