You are browsing as a guest. Sign up (or log in) to start making projects!

Puzzle Tab

  • 3 Devlogs
  • 2 Total hours

I am building a new tab project for the new tab mission. My plans for this include a weather overview, a background image, puzzles such as a wordle,

Ship #1

I made a new tab page, so far, it has html, css, and js, it's in a public repo, deployed on github pages, and uses duckduckgo api to fetch search results using a cloudflare worker.

This is just my starting point for this project as I want to go on and add many more features

Try project → See source code →
Open comments for this post

33m 29s logged

Devlog 3

Now I have fully finished the UI for search suggestions, and also added arrow key usage to go up and down suggestions

0
0
8
Open comments for this post

35m 23s logged

Devlog 2

I have added a cool patterned background, and also a logo for this tab.

I have also now added the raw search suggestions using duckduckgo api, and a cloudflare worker to get around CORS issue

export default {
    async fetch(request) {
        const url = new URL(request.url);
        const query = url.searchParams.get("q");

        const response = await fetch(
            `https://duckduckgo.com/ac/?q=${encodeURIComponent(query || "")}`,
        );

        return new Response(await response.text(), {
            headers: {
                "Content-Type": "application/json",
                "Access-Control-Allow-Origin": "*",
            },
        });
    },
};

I need to actually build the UI for it now

0
0
4
Open comments for this post

24m 4s logged

Devlog 1

So far I have managed to put together a basic search bar and have the structure for some quicklinks at the bottom

0
0
8

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…