Tailwind Posts – Hack Club Scrapbook

Hello everyone! I recently completed the website I made for my club using React, Tailwind, and Framer Motion. It was great practice and fun to make! Check it out! Repo: github.com/tanushchauhan/club-website Link: cscweb.tanushchauhan.com

https://imgutil.s3.us-east-2.amazonaws.com/1e96829935396ad86f4d6522d453510e2718a95bc16536d19c8aa68bbf9ba8a2/6f73e138-499e-4b83-b6f8-539222c4e98d.png

Worked with react on a portofolio but got a lot of problems with using it with tailwind. So hadn't really anything. I changed to flutter (submitting it because last day arcade)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/bc3ec20a-f9c8-410e-8409-2d1ff534f66d-schermafbeelding_2024-08-29_151251.png

I worked on some animations for the selfmail homepage and I added a modern changelog. Done is this as usual with framer-motion, react, nextjs and tailwind

https://imgutil.s3.us-east-2.amazonaws.com/2ce241a2414bd256b628bf2f350736f1a0f10019c0d8fd347155987dae5a9e97/ef9ea0b3-4692-41ac-99fd-c8faa267abd2.png

Hello everyone! I recently completed my chat application, which I made to chat with my friends. It is a simple application created using Next JS, tailwind, and Supabase with one chat room. Check it out! Repo: github.com/tanushchauhan/chat-app Link: chatapp.tanushchauhan.com

https://imgutil.s3.us-east-2.amazonaws.com/76d92deb4aa303b0064c2c254d9a0ec4d67c9ee2b0c9a7288f9bee4e446740ad/0a8a51a0-8eb5-407e-a626-41130cd5daa5.png

I've built a project comparing Bootstrap, Tailwind CSS, and Bulma by showcasing how they style various UI components. Check it out here: Live Demo and see the code on GitHub: Repo.

https://imgutil.s3.us-east-2.amazonaws.com/4e7696ecb66b51c906b0815789b4362ac713d4b3b1de89b977d40816b0785600/c13f9969-f6bb-4c56-a1af-561594e47ba8.png

I finally shipped my project 'Chatty' Its a fullstack discord clone with real time messaging Made with nextjs, shadcn, tailwind, socket.io, prisma, postgresql, It has responsive ui, with light and dark themes, Server creation, channel management.etc, tried to replicate major features of discord If you'd like, join the existing server I created using this link chatty-silk.vercel.app/invite/fd6fb69b-884a-4f2d-ae93-40299ff241ec Review this app and if you have any cool features in mind, just shoot me a dm... GitHub :github.com/jignesh119/chatty Live url: chatty-silk.vercel.app Note: -In the app voice and video calling requires a websocket connection between client and server all the time whereas vercel (where I deployed to) uses serverless architecture. Hence those features won't work -For realtime chat updates I've added constant polling as fallback for websockets(if no websocket connection) hence maintains realtime status Hence, To see app's full features set this up locally using instructions provided in readme. PFA screenshots of app:

https://imgutil.s3.us-east-2.amazonaws.com/4e12148de4c36433da40250642ea250f65a52707a3ef7728b1016982c813beaf/3eb490e9-ba20-4aab-aa98-e9c995dd01ec.png

Just me trying out tailwind github.com/hinoobers/nxhosting-web

https://imgutil.s3.us-east-2.amazonaws.com/786c72b967cf09601b8966e5fcfd786b74fb34968e6d650f4881ffe7cf0b1212/892c7a78-70a9-4b08-9010-7c22fbcae003.png

In the last days, I worked on booster, a visual boilerplaite generator with a cli to download everything later. I was able to almost finish the auth and the homepage. The website is made with next, tailwind & react-hook-form.

https://imgutil.s3.us-east-2.amazonaws.com/2ed2adb7ab7167e42b5611b9e202fbdee4e3dc87d04c6d30f3020876a17ed2cd/f03662bd-c307-4621-b9d7-f0f4c703f478.png

Build a portfoilo website demo with react, tailwind, material ui and scarpbook api github.com/GaoYeGithub/Portfolio

tejasgod.github.io/periodic-table I made a working responsive periodic table website features like: search , click for detail and coloured elements all data in data.json login in injex.js tailwind used

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0772bd5f-60fe-4d77-a256-9e4cc636dbc0-image.png

Whitemind v0.3 just dropped! with this ship, most of the frontend work is done. Main added functionalities were an massively improved design by restructuring to tailwind css, enabling markdown writing for the tutorial page and quto dark mode for every page. also, every planned page has been set up so we only need to write some text and add a bunch of images to get it done. unfortunately, the markdown cannott be properly styled by now so we have to see how it goes in detail, but i am confident to find a proper way to do so in the future! the repo link is here github.com/Neurologism/whitemind and we set up a domain for the project too so you can visit the website: whitemind.net

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ea583d1c-9445-47be-b394-20df8211faf2-image.png

https://imgutil.s3.us-east-2.amazonaws.com/1eb05e9a6f1f0e97c05dfe051c7e52e960dd97992ee14a83ead47f8343f39a29/d4b12335-077b-4750-bd58-bff2d74ceadf.png

For #C06SBHMQU8G| I almost completed the V1 of the website. I probably have to submit the hours just because of the 25-hour limit. These sessions are the sessions that I am most proud of this summer. I wrote amazing code, I learned new Astro thingies (like dynamic routing) and also worked on my fav thing (Tailwind).

https://scrapbook-into-the-redwoods.s3.amazonaws.com/60219711-5cc4-4c2e-8a4a-b8b2d9275622-screenshot_2024-08-11_171733.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/eae3680c-12f1-4ba3-b634-6c157fc8987b-screenshot_2024-08-19_120730.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/37ba4c56-9d2d-4240-9883-13d792b63142-screenshot_2024-08-12_152134.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/99fa4e70-427f-469a-9325-c8518029d98b-screenshot_2024-08-19_183031.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ae2d8fcb-7186-4502-ae10-997817270761-screenshot_2024-08-13_142730.png

did a writeup of my ENF data collection! I even added graphs and allat to make it look cool. also made my website generally better (re: you can’t nest tailwind @\apply rules and I didn’t know that lol) read the writeup: bnezlobin.vercel.app/blog/enf-data repo: github.com/borisnezlobin/enf and github.com/borisnezlobin/website

https://imgutil.s3.us-east-2.amazonaws.com/9e605fca28a8442e0758b2a7a981f626253146f10b67aed1028764d434e27f5b/aefb3b94-4946-484d-ab92-b7f1b1163e9d.png

Design 1 of 2: Made Figma [trying it for the first time x_x] prototype for my frontend project Orca (Organisation Ready for Cool Acronyms) for practicing react/tailwind. Tech: figma www.figma.com/design/bCA5UE8GnClDYxMzeabXTu/orca-design?m=auto&t=DvxC6KCzflEJuRx6-1 Note: By the time this is being reviewed I might've submitted for the part 2 as well so the figma file might show more than what the video includes.

In the past 2 days I finished: Storing the document from the frontend to the backend Improving the toolbar functionality Writing contributor guidelines and setting up auto formatting for the repository This is for my website SciBind, a Next.js website made with Typescript and Tailwind CSS combined with a Django/Python backend/database. This is a website to make it easier for Science Olympiad students to make binders/cheat sheets with all sorts of features at their hands, and I have opened it up to community contribution. Here is the link to the repo: github.com/CrazeXD/SciBind !

https://imgutil.s3.us-east-2.amazonaws.com/e45d0ca2c8f63ca1645808ca817e81ec0dbe11f848c996d0ece87f18c466bd14/d61e6b6a-c49c-4209-bbf9-5b0e54c6fa7a.png

Didn't link one session, so posting again Hello Everyone! I have created a static website that helps me compile and display my small Python projects. The main purpose of this was to practice my skills in making websites completely from scratch without using libraries like React or tools like Tailwind. Link: tanushchauhan.github.io/StaticWebToStoreCode Repo: github.com/tanushchauhan/StaticWebToStoreCode

https://imgutil.s3.us-east-2.amazonaws.com/bb5b32ac504b47348ecfcb3a16ae2a5764c330eec78352dae852c955152db2d1/f16557ee-a41e-48e8-b21c-b38ccf495210.png

Hello Everyone! I have created a website for practice using React, react-router-dom, tailwind, and framer motion. This is my first time trying out blurred background effects. I hope you like it! Repo: github.com/tanushchauhan/TW-website Link: thewebsite.tanushchauhan.com

https://imgutil.s3.us-east-2.amazonaws.com/88d7e8cb4adb7c7f521db20e67f6a4d934815f7077da36fbfe21baee96399bf7/04c5fd6b-b31c-42ae-8d72-912a12e8ef38.png

I made a Save For Later website! It's completely offline and doesn't send any data back to the server, operating completely in local storage. It was made with Vite + React, TailwindCSS and ShadCn UI. The repo is at- github.com/MrStudentGuy/saveforlater

https://imgutil.s3.us-east-2.amazonaws.com/bff798658b575a703067ce2e6c8a49d456b6cf64117a634a70d09dc9962b99f3/e6910203-4f15-4f80-9d54-22e7884d3ffd.png

github.com/KrishOnGH/krisharoraportfolio I create a personal portfolio in next.js + tailwind.

https://imgutil.s3.us-east-2.amazonaws.com/74f3b5add54f7102230ed682fbf9d23b5b3a78e6229dbfd49719748e7b806988/67ca0f6b-6bf8-4c37-879d-2fd7188d8ea8.png

simple pokemon stats lookup website with pokeapi.co using react and tailwind css kecreeper.github.io/pokemondiscovery github.com/Kecreeper/pokemondiscovery

https://imgutil.s3.us-east-2.amazonaws.com/74f3b5add54f7102230ed682fbf9d23b5b3a78e6229dbfd49719748e7b806988/40238665-3d5f-498e-b43e-3c1a510bd933.png

Posting again. I have created a static website that helps me compile and display my small Python projects. The main purpose of this was to practice my skills in making websites completely from scratch without using libraries like React or tools like Tailwind. Link: tanushchauhan.github.io/StaticWebToStoreCode Repo: github.com/tanushchauhan/StaticWebToStoreCode

https://imgutil.s3.us-east-2.amazonaws.com/74f3b5add54f7102230ed682fbf9d23b5b3a78e6229dbfd49719748e7b806988/086963ac-7fb2-451b-974f-5f3b947345f0.png

Hello Everyone! I have created a static website that helps me compile and display my small Python projects. The main purpose of this was to practice my skills in making websites completely from scratch without using libraries like React or tools like Tailwind. Link: tanushchauhan.github.io/StaticWebToStoreCode Repo: github.com/tanushchauhan/StaticWebToStoreCode

https://imgutil.s3.us-east-2.amazonaws.com/74f3b5add54f7102230ed682fbf9d23b5b3a78e6229dbfd49719748e7b806988/a245f95d-1d5c-441f-9375-0290cabc4cd2.png

Compact placeholder TS SvelteKit template w/ Tailwind Demo: soon.qualk.xyz Source: github.com/qualk/coming-soon

https://imgutil.s3.us-east-2.amazonaws.com/58aed22fbe455e7a8c019e76be948fe21ef2c03c0d0a5852286299809226236f/02c79ba3-ca1b-4f49-b387-30ef3d50b161.png

nextjs.clock (View Live) A clock made with next.js + tailwind

https://scrapbook-into-the-redwoods.s3.amazonaws.com/33034d3d-05ff-4c26-918b-73d61b1e2816-screenshot_2024-08-11_at_14.37.05.png

completed my project manager using tailwindcss. you can create projects with tasks and subtasks, each with due dates, descriptions and edit/delete functions: pixelverseit.github.io/med-tracker/project-manager.html

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6d2839f2-3397-4728-a02f-dd47866d0ffb-image.png

I put up a quick personal site built with svelte and tailwind! owenwang.dev

https://scrapbook-into-the-redwoods.s3.amazonaws.com/69f80f1f-4a99-4584-a454-8624e1c4df7d-image.png

( This is a reposted repost, because hakuun send no message to link the hours during the maintenance) I am working on a free to use and open source alternative to power point which is called "canvasly". I am now finished with the basic functionality like creating a slide, edit slides and the preview for slides. This was really hard. I used nextjs, tailwind and fabricjs. Next steps are to connect this platform with a local first database and create the other functions. Here is the gh link: github.com/i-am-henri/canvasly. Preview:

https://imgutil.s3.us-east-2.amazonaws.com/a6f966b906ebddc63a5c18f2e7e916a98dbefdf90382b4b8a70ae69b1c447b1b/8c69e0aa-7be4-4584-b4df-fd82de736b64.png

( This is a reposted post, because hakuun send no message to link the hours during the maintenance) I am working on a free to use and open source alternative to power point which is called "canvasly". I am now finished with the basic functionality like creating a slide, edit slides and the preview for slides. This was really hard. I used nextjs, tailwind and fabricjs. Next steps are to connect this platform with a local first database and create the other functions. Here is the gh link: github.com/i-am-henri/canvasly. Preview:

https://imgutil.s3.us-east-2.amazonaws.com/a6f966b906ebddc63a5c18f2e7e916a98dbefdf90382b4b8a70ae69b1c447b1b/c2f21439-07ed-48f6-9d6d-074165709da3.png

Tailwind Llama is a web app designed to help people learn how to code with Tailwind CSS. It was designed because I found a lack of resources to help learn tailwind, which can be difficult and tedious to pick up. Inspired by CSSBattles, Tailwind Llama tasks you to replicate cool designs, which get more difficult as you climb levels. After you've finished your design, Tailwind Llama will review with you the tailwind classes you've used, in addition to your time spent and accuracy. This project took over 80 hours, check it out! tailwind-llama.vercel.app github.com/Larry-Larriee/next-llama

https://scrapbook-into-the-redwoods.s3.amazonaws.com/d1eb024c-34bb-4ccf-9dac-593b27616a58-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6d27dc84-da76-4ca1-b856-2ce4e7782b21-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f67888d2-151d-4725-8ff7-b146593e0abb-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d932799d3b7edcbbb9398dd90d15dfcfd4c5f6438378776cbaffa4ad63342e06/51b3d8cb-eff0-4580-94cf-59b348e3ae31.png

Hi guys! I have finally finished my project, called Tailwind Llama. Tailwind Llama is a web app designed to help people learn how to code with Tailwind CSS. It was designed because I found a lack of resources to help learn tailwind, which can be difficult and tedious to pick up. Inspired by CSSBattles, Tailwind Llama tasks you to replicate cool designs, which get more difficult as you climb levels. After you've finished your design, Tailwind Llama will review with you the tailwind classes you've used, in addition to your time spent and accuracy. This project took over 80 hours. Check it out! tailwind-llama.vercel.app github.com/Larry-Larriee/next-llama This scrapbook is part four of all my sessions for the project.

https://imgutil.s3.us-east-2.amazonaws.com/d932799d3b7edcbbb9398dd90d15dfcfd4c5f6438378776cbaffa4ad63342e06/7fb42774-1b13-4c3f-a3a3-427c7505840b.png

Hi guys! I have finally finished my project, called Tailwind Llama. Tailwind Llama is a web app designed to help people learn how to code with Tailwind CSS. It was designed because I found a lack of resources to help learn tailwind, which can be difficult and tedious to pick up. Inspired by CSSBattles, Tailwind Llama tasks you to replicate cool designs, which get more difficult as you climb levels. After you've finished your design, Tailwind Llama will review with you the tailwind classes you've used, in addition to your time spent and accuracy. This project took over 80 hours. Check it out! tailwind-llama.vercel.app github.com/Larry-Larriee/next-llama This scrapbook is part three of all my sessions for the project.

https://imgutil.s3.us-east-2.amazonaws.com/d932799d3b7edcbbb9398dd90d15dfcfd4c5f6438378776cbaffa4ad63342e06/d9d3a3be-3f19-43d3-be3f-e79c150a849a.png

Hi guys! I have finally finished my project, called Tailwind Llama. Tailwind Llama is a web app designed to help people learn how to code with Tailwind CSS. It was designed because I found a lack of resources to help learn tailwind, which can be difficult and tedious to pick up. Inspired by CSSBattles, Tailwind Llama tasks you to replicate cool designs, which get more difficult as you climb levels. After you've finished your design, Tailwind Llama will review with you the tailwind classes you've used, in addition to your time spent and accuracy. This project took over 80 hours. Check it out! tailwind-llama.vercel.app github.com/Larry-Larriee/next-llama This scrapbook is part two of all my sessions for the project.

https://imgutil.s3.us-east-2.amazonaws.com/d932799d3b7edcbbb9398dd90d15dfcfd4c5f6438378776cbaffa4ad63342e06/716c970a-64bf-4a61-9944-a1da2f4b3f3b.png

Hi guys! I have finally finished my project, called Tailwind Llama. Tailwind Llama is a web app designed to help people learn how to code with Tailwind CSS. It was designed because I found a lack of resources to help learn tailwind, which can be difficult and tedious to pick up. Inspired by CSSBattles, Tailwind Llama tasks you to replicate cool designs, which get more difficult as you climb levels. After you've finished your design, Tailwind Llama will review with you the tailwind classes you've used, in addition to your time spent and accuracy. This project took over 80 hours. Check it out! tailwind-llama.vercel.app github.com/Larry-Larriee/next-llama This scrapbook is part one of all my sessions for the project.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1cb7de53-4178-4309-a1e2-c2a3ef97cabb-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c26191e4-5384-4e14-85d2-284414b1765b-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/65e61f11-2e99-4c1e-83a1-6cbaa1ce826f-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d932799d3b7edcbbb9398dd90d15dfcfd4c5f6438378776cbaffa4ad63342e06/993c6c0e-0223-47a2-81a0-6f0f5cf7b844.png

I am working on a free to use and open source alternative to power point which is called "canvasly". I am now finished with the basic functionality like creating a slide, edit slides and the preview for slides. This was really hard. I used nextjs, tailwind and fabricjs. Next steps are to connect this platform with a local first database and create the other functions. Here is the gh link: github.com/i-am-henri/canvasly. Preview:

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/8c5fbaab-9a8f-47c8-8b50-9ff379cbbf93.png

built a todo app with svelte and tailwind! github.com/skyfallwastaken/svelte-todo (somewhat old project, but i forgot to submit the session)

https://imgutil.s3.us-east-2.amazonaws.com/1f9b855199609c83bd49eb17909a4046d7ddd444c65e4fc49e3129d1c2a7f475/42314682-2f1e-48c5-bd54-a095b681edca.png

I made a journal you can send messages to that is complelety private. I used tailwind.css JSON, javascript and HTML. I made it in one hour only: github.com/AwesomeDocs19/Myjournal

https://imgutil.s3.us-east-2.amazonaws.com/e38b54686c8b26cc22dc83854762dbf450aca118ecd3b4bd9fa6948e0ffaeb28/aec08f86-981d-4c76-88bc-a09a394592e5.png

My personal website: eesa.zahed.ca View the code: github.com/eesazahed/eesa.zahed.ca Made with Next.js and Tailwind

https://imgutil.s3.us-east-2.amazonaws.com/ea35a4ea6ec7f9fef1b66598a7410f3c4d6871b64fd2fdb8d4abdf8ad6da8409/b335a371-55c6-4ae7-9419-411890ae7a24.png

trying to repost bc i think hakkun working now: yet another repost bc hakkun is not replying :heavysob: : uhmm reposting because i think i broke hakkun: my first animated personal website! made with tailwindcss and animejs (first time using for a project :D) ecodes.tech

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c044dd90-f5c4-4c7b-ac69-13309f42dd05-image.png

yet another repost bc hakkun is not replying :heavysob: : uhmm reposting because i think i broke hakkun: my first animated personal website! made with tailwindcss and animejs (first time using for a project :D) ecodes.tech

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6d6c45c6-6954-4e3c-b5e7-1846cea81390-image.png

my first animated personal website! made with tailwindcss and animejs (first time using for a project :D) ecodes.tech

https://scrapbook-into-the-redwoods.s3.amazonaws.com/97b51e24-c2f0-493d-a5e7-272506da163c-screenshot_2024-08-01_at_7.57.05___pm.png

I built and designed my personal portfolio website using Next.js and Tailwind CSS. I used React Three Fiber to render 3D models, which have been compressed with Optimize GLB. However, the viewer may still be resource-heavy on lower-end devices. For the background, I used Particles.js. You can view the website here: aleksanderkurgan.vercel.app, and the source code is available here: github.com/Rand0m0User1/PersonalPortfolio

https://imgutil.s3.us-east-2.amazonaws.com/440d3185ee38ff71e95922f83ac5e86c4fbf421da7dadcb58d30faa07319864e/4bf82839-5542-432e-b93f-b48d9ae5cc3d.png

I designed a personal portfolio website using NextJS, Tailwind, and MDX. The site is live on vercel here: mudasir.vercel.app and source code is available here: github.com/mud-ali/website

https://imgutil.s3.us-east-2.amazonaws.com/25f93d81218d88532471406f8ba9c239991e4492053ac92b7450eb3f54ece2f9/70b03dea-0b28-4a56-8f7b-162f8356f30f.png

personal website using react, tailwind, bento layout github.com/n0x1/personal-site (vercel deploy errored, so fork to run on your own)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2eb331aa-439e-4585-84d0-e4b5903e6636-screenshot_2024-07-30_at_8.04.43___pm.png

https://imgutil.s3.us-east-2.amazonaws.com/bc14f9d724d52084afa1f4e2633823f5547d2bf27a14c32cbdc58d023dcbb6da/69eee5a1-bb41-484c-8e12-7280a93e4ae8.png

GitHub repo link: github.com/feyli/feyli.github.io Actual website link: feyli.github.io As explained in the README,

This website was originally created in 2023 as a way to try out GitHub Pages. It was only shown as "under construction" for quite some time, though.

When I heard about Hack Club, I saw it as an opportunity to finally finish this project.

This website now includes my projects and some more information about me, as well as my social links.
It may include more information about which tools I use and which languages I know in the future.

This website was also my first time using Tailwind CSS. It was a great experience and I'll definitely use it in the future.

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/802a624b-98ca-47d4-ac65-8d64ab630cf7.png

Today I finished my study site project. Originally going to be a Spanish study site, I quickly changed to a coding site. Can’t change the repo name or the commits might not work. The site was built using tailwind, html and JavaScript for the logic. In the website, you can take different types of quizzes, see your results. There is also a to do list in which you can plan your work. Took a long time with the JavaScript mostly as I had basically no experience with actual coding and the project itself was challenging and cool to make.github.com/Skumm00/EZspanish all the project files and how to run it and view it are in this repository with the commits in there as well

https://imgutil.s3.us-east-2.amazonaws.com/b15bded6ae39e70102f6fbd27bd574480c9f0f8e69b61eb306ade69e2bcdcb38/607541dc-83c0-487b-94f5-4da7423af67b.png

I made weather app in Next.js github repo link: github.com/projectnovruzzade/weatherApp_NextJs/tree/main/app I use TailwindCSS

https://imgutil.s3.us-east-2.amazonaws.com/9cd42b5e227d053dd250bc09171e5c3d8029b1a29d90ca74f34cde2855d7d285/08987923-e9c3-4a93-9f78-e61d66975959.png

Finished binding the functions in the toolbar to functions in the editor for my Science Olympiad Binder/Cheatsheet creation website, SciBind. Built using Next.js, Tailwind CSS, Python, Django, and more. Next step, connect to the backend 💀 github.com/CrazeXD/Scioly-Binder-Software

https://imgutil.s3.us-east-2.amazonaws.com/96734dba9bb43a9e6c30dd293a7c845221c2461eafa9f522e39cf47b2f3cd34a/7a02d8e3-9848-4ac7-b054-b29e8418b154.png

#arcade I made a django server for my AI calendar assistant! The LLM I was using stopped working for some reason so I had to switch to chatgpt(shoutout to #open-ai-token) and betray the only os philosophy :( . Here I prompted it with: "create an event for the day July 29 2024, Hello Hackclub! - showing my ai calendar helper at 12:00", pressed enter, and it shows up on gcal! I spent a good amount of time styling it with tailwinds(installing it was not easy). This was my first time doing pretty much any web dev stuff. github.com/jayman-cooks/AI_calendar_local_website/tree/tailwind

https://scrapbook-into-the-redwoods.s3.amazonaws.com/9eebfd17-387c-48d3-a2a3-1b04bbb2be68-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8305ccce-ca9b-4927-8b05-022a7116330a-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1585387a-2ae1-48b2-849b-ed11ad0d133f-image.png

https://imgutil.s3.us-east-2.amazonaws.com/509dc67d7366e0c8565051c179c9e5ffa4c59dfae8ed2817f0030f536e25c1f7/31723575-fd15-48b9-b6c1-f086b3f44937.png