Tailwind Posts – Hack Club Scrapbook

Posts tagged with :tailwind:

I made the home screen and an image generator for the portfolio boblam.vercel.app During this, I learned a lot about tailwind css and using axios

https://scrapbook-into-the-redwoods.s3.amazonaws.com/4221c08f-c608-4db9-b8d5-7344d272b764-image.png

I created a website for my discord bot in tailwindcss, that hosted on Github pages. pyguard.io Github. github.com/arbs09/pyguard-website

https://imgutil.s3.us-east-2.amazonaws.com/4bd282f09b5fd2912e385e635c7aac70088c0f6b97232d6d8b1a09140297a1de/83268f2c-fd34-46b4-963a-e010d58016ec.png

Today, I (mostly) finished the event selection logic behind my Science Olympiad Binder/Cheatsheet creation website, SciBind. I am building this project in Next.js and Django (Python), with TypeScript, TailwindCSS, DaisyUI, and more. The event selection logic allows students to select which events they are participating in, and an object will appear in the database for the allowed materials. Repo: github.com/CrazeXD/Scioly-Binder-Software

https://imgutil.s3.us-east-2.amazonaws.com/febcb6147168f38ec6f66c31f2a7825f96dd7046f9ac65275d77f044c85d65cc/b22fdb55-cfa6-4b6a-b9b7-0d1e758fad8e.png

I made a travel poster gallery to furthermore practice my graphic design skills and also css/frontend skills. I never had any expierence with graphic design so all of this is sort of new for me, so I decided to make posters on the different cities of the world by sort of creating info and travel stuff about it. I also made a simple tailwind website to furthermore boost my skills in frontend. However I ran into some problems like I didn’t know you had to upload the source files and the other problems were mostly with the graphic design . All the images and source files are in the GitHub. Some commits were added later on because they were required for the whole project. github.com/Skumm00/travel-gallery

https://imgutil.s3.us-east-2.amazonaws.com/25c35f46b67705144f3a0830616cf3c94716b9a02226f85d3ef9bf5570d7d6d8/7d9b2432-6bfa-45b2-929c-7174d0d7b19a.png

Today, I finished a basic structure in a website I am building to make creating Science Olympiad binders and cheatsheets easier than ever called SciBind. I am building this project using React with Next.js, Tailwind CSS, DaisyUI for components, and a Python + Django backend as a REST API. So far, I have basic User functionality created (signup, login, logout) created, models for the database, loaders for the events when the database is migrated, and a basic idea of what the document structure is going to look like. Here is my github repo: www.github.com/CrazeXD/Scioly-Binder-Software.

https://imgutil.s3.us-east-2.amazonaws.com/16731afcef3b214d300d1f9139e61ad78052c004cef71d51bc6fe26872c07b6d/353526fb-873a-47d7-8d42-2832f12c2578.png

started working on a small nextjs tailwind css schedule app that I can eventually use to track my school schedule. github.com/imapotatoes11/skedule/commit/ac8720a6af73db8f110c91e8502c6ad11fb887cc github.com/imapotatoes11/skedule currently looks really ugly but the components and everything are setup so I can easily change it in the next session

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0981a96f-734b-4299-bddd-fa460c058b80-image.png

https://imgutil.s3.us-east-2.amazonaws.com/77b04c4e2e5bd607910f00d660a992847b80ec40e619cff34aa3f316f707c2ec/87cf0ab9-41bd-4645-923f-f620dd1e4ed1.png

Hello everyone! I created a SvelteKit, TailwindCSS, and Socket.IO powered website called Devarsh's Maths. This website contains utilities, games, and a special game called Mathex. Mathex is a competition where teams from different schools compete to solve questions as fast as possible. Teams are usually comprised of 4 people, and one of them is a runner who runs to the marker and back to get results. The team to solve the questions first wins. :tw_globe_with_meridians: Website: maths.devarsh.me (Hosted on Nest!) :github: GitHub: github.com/webdev03/maths

https://imgutil.s3.us-east-2.amazonaws.com/951880874489e9eeaeac00b3bf74f42c6aa1342a6a71fdcbb6af0c9ed8634fe8/cd37da1c-8418-46bd-9d67-919468843071.png

i have made a simple web app, where the cook can make a shaworma and the users can buy it. It's a simple web app made for fun, it's the first version, and i hope i can improve it in the future. Github: github.com/mihai888nextlab/tema-shaorma-razvanel The project is made with Next.js. I also used typescript and tailwindcss.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/5d084ded-6d58-4141-a590-accd4c779747-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/5013221b-bc4d-46b4-aee0-c03cba396726-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/9501ef26-baaf-4b33-ad87-10bb371ee9d1.png

I just completed making the navbar, sidebar and the authentication page in react and tailwind! Github-repo link: github.com/abc-is-here/Learn-a-thing

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/de4c0b5b-b1cd-4472-8a9d-6a4c84eb465b.png

#scrapbook created a food emoji generator site using react i thought of styling the project but tailwind wasn't working as intented so i left it github : github.com/Unchanted/Arcade24-EmojiGenerator

https://imgutil.s3.us-east-2.amazonaws.com/0d0e2a017a8610cb30fc30eb14e5cb8fb0c322bbf649d2ad050a2733e0ac1a29/b1f3545f-40df-4150-8297-d15721441a9e.png

i finished making the project that i made a scrapbook post about a few days ago! it is now a finished product. its a react native app for a first responder system that my friend and i submitted for a hackathon, medihacks-2024.devpost.com, and features location tracking, notifications, and a chat system. i used react native, tailwindcss, the google maps API, the nominatim api, and firebase firestore. you can see our full submission including a video demo and explanation of the project here: devpost.com/software/lifelink-24fd3g. download and installation links for the mobile app are on that page, too. my friend worked on the hardware aspect while I focused on the software. all my scraps in arcade were for my work on the software. the final github repo is here: github.com/ericli3690/lifelink. attached are some pictures of the final product, but the devpost link and video shows off a full demo of it working.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2f790fa9-3127-4ed1-82a6-c5158f55868e-screenshot_20240714_212820_lifelink.jpg

https://scrapbook-into-the-redwoods.s3.amazonaws.com/4bd5e295-9a7e-4910-869a-cce5aeff4a0b-screenshot_20240714_212848_lifelink.jpg

https://imgutil.s3.us-east-2.amazonaws.com/50bb28ba3448892b262536e9c016086fcc779efad6051bbbf929bc255e17e22c/41d02a95-2cd2-4dce-94bd-a85fad9def8d.png

github.com/anjaliBaditya/community This is my first scrapbook project and I'm planning to make a community portal for connecting and growth and upskilling etc etc . This milestone is basic prepping of components and getting hands on react tailwind hope you dont reject. In future sessions I'm planning to make a more precise outline.

https://imgutil.s3.us-east-2.amazonaws.com/26b01e6433af51c623eb5e7d403e8b58ca73609350bb895d5efe940123322f07/0a5a7382-c529-4514-aff0-42dfc27f92fa.png

I designed a website that is responsive using tailwind css in replit but with git commits. I believe the site is pretty good for someone who has basically no expierence with front end frameworks. All code and git commits are here: replit.com/@skandhack/PhotoWebsite#pages/index.html

https://imgutil.s3.us-east-2.amazonaws.com/e96c20751c5b1aa408a3abe3f0e441a92507d2bf45b5bff608829fb06750d0ec/045ef5ba-3fc7-4dc0-990e-ed06f63ae240.png

Finally finished a MVP of my website redesign! Old: Python Flask + Firebase + Bootstrap New: Svelte + Tailwind + shadcn/ui Now it doesn't require a server (free hosting?), and I think Tailwind/shadcn looks a lot cleaner and cooler than stock bootstrap. GitHub: github.com/krishnans2006/website-shadcn

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7ea58dab-1f03-409f-8c07-7bd411e0df5b-image.png

https://imgutil.s3.us-east-2.amazonaws.com/e450896c7ab67a20f1ad474eeb3a4ca9ca28d04ecc98a5e7e406f16d1d9f80b9/584fb469-84f6-41f1-9826-0457230b9d9d.png

Recipes website (with Tailwind!): github.com/revaga/recipes

https://imgutil.s3.us-east-2.amazonaws.com/1137cd1109881f80f9bb6d33a04f05082b6699e0b7f247cba5c4058745de01ee/da923c2c-f713-4286-bb2c-f4cc2fd9feca.png

An update on Sakura: CTFtime analytics and Utility The UI has been majorly fleshed out! This was my first time making a project with what I'd consider a good UI. It's all thanks to tailwind lol Additionally, a fully functional API with documentation is working at ctftime.glitch.me/api But that's not all. We've got a cool loading animation that loads into team analytics, the ui of which I am still working on. (Image in thread)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fee76c36-e0b3-4840-acff-06e26dc412ee-image.png

made a console-style calculator (in nextjs react with typescript and tailwind): calc-imapotatoes11s-projects.vercel.app/console github.com/imapotatoes11/calc

https://imgutil.s3.us-east-2.amazonaws.com/bc4b0c59a4df7509be5f139811798a028b0ebce227fc8098e7e31b6c6010f8d4/45ce1439-a140-4ba4-b148-014d3af69d3f.png

Website: admin.thefemdevs.com Using Tailwind CSS and Preline, I was able to make a fully functional administrator panel on my website. I would send more detailed screenshots if it wasn't for the fact that all of the cool pages show sensitive information. There is still a bunch more for me to make on the website such a state system on the token panel page as well as functional user system. I am just happy with where I have gotten so far on the website. GitHub Repository: github.com/femdevs/femdev-website Build System: Node v22, Pug.js, Express, Tailwind CSS w/ PostCSS Homepage: thefemdevs.com

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6b4aacff-1c0c-4a8d-81d6-b94535d66b10-image.png

https://imgutil.s3.us-east-2.amazonaws.com/118d69ea78988867a8f20db0ba6526e2e585c3dc7b5c775020c15561f7142f7b/1ebc470d-1f2a-4e4b-9d8c-184c0d864c33.png

COMMANDER I created an application which allows you to (kinda) control your pc through your phone, the application utilizes python, flask, react, next.js, tailwind, and a whole lot of other things. Feel free to check it out and even use it! Links: github.com/Azureum/Commander github.com/Azureum/commandUI

https://scrapbook-into-the-redwoods.s3.amazonaws.com/22627d75-bdb0-43a4-9b54-469bf55258eb-image.png

https://imgutil.s3.us-east-2.amazonaws.com/93f0c9b25d6f1566a9be5b6ec8c19864c58ebd867539f101eb8630950ce569ba/e10d85c5-a046-4bb6-8c64-5344f5218e73.png

Post 5 Built and deployed a leaderboard showing the top 10 FIRST Tech Challenge match scores in the FIRST Chesapeake region! • Automatically updates with data from FTC Stats and The Orange Alliance • Built with Next.js + TailwindCSS • Click on a team number on the leaderboard to see more information fully open source @ github.com/shrysjain/ftc-chs-leaderboard :) ❗check it out @ ftc-chs-leaderboard.vercel.app❗ next step: expand to all FTC regions!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6deee614-a649-4a9b-990a-a53754d6eaf2-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/a601ab04-42f8-4153-8321-721171115684-image.png

https://imgutil.s3.us-east-2.amazonaws.com/b6086a10fe0f24ad2ccd6cf026b1e609aaebdd66cd7dc51cc74aae8c0913cb06/10602af2-3ddb-4d0d-950d-5bbe6d5d7696.png

I created a reusable section title component and client work section (with openable sections) for my redesigned portfolio using NextJS and TailwindCSS. thomasprice-portfolio.netlify.app github.com/ThomasJPrice/portfolio

https://imgutil.s3.us-east-2.amazonaws.com/817b2814933db1cad906375a97d6b1fed5c3ce699bfd623752bae0e02bed94a0/d117e523-63fc-4a3b-b89a-9e2feb20294c.png

Finished a Pokedex for fake Pokemon using HTML, Tailwind and JavaScript. github.com/MNTadros/Fake-Pokedex

https://scrapbook-into-the-redwoods.s3.amazonaws.com/305d0b2d-96ab-41a7-b6f1-c36c7e38347e-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b514450a-4cd5-42eb-97b1-c0ab000f5803-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/e83af22c-aa29-4683-834e-9c6aa0309631-image.png

https://imgutil.s3.us-east-2.amazonaws.com/181b5c79afc2b4f3a862b2bb1b6626589d922cc87ef283f405e2039b609114ed/7033bc4a-83e9-433d-8fdd-7bd797c92297.png

#arcade New FlyOS Project Login Update New vs Old (from bootstrap to tailwindcss:

https://scrapbook-into-the-redwoods.s3.amazonaws.com/e9da5e08-e801-4020-90ab-4f7f63788681-screenshot_2024-06-23_151815.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/56602252-323a-44bc-8165-682656b41d90-screenshot_2024-06-23_150934.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b1f22715-7681-4249-a1a0-b79c19a779e9-screenshot_2024-06-23_144711.png

Updated New UI, Project: WEB Public Download Server Tailwindcss UI is soooo much more beautiful than Bootstrap Commit: github.com/EdwardLab/webpds/commit/82f6eb5029e9376b5ebb805990e39950b27280cd

https://scrapbook-into-the-redwoods.s3.amazonaws.com/bb90396e-61cb-4071-829e-df3f57af6a68-screenshot_2024-06-23_022708.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7da44aba-743d-455d-ba06-4b0f6c751041-screenshot_2024-06-23_022728.png

#arcade A URL shortener, built with Sveltekit, Tailwind and Typescript! Repository: github.com/intercepted16/zipyy Commit history: github.com/intercepted16/zipyy/commits/master (Picture in thread,/replies section, you will find it below)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/579f4eab-4b0e-41f0-95ef-adec0380eb39-image.png

today i made this! #arcade it's for a personal project i'm a part of called flowboat, i'm working with a few friends to teach high schoolers the basics of entrepreneurship some fun facts about the form: 1. dynamic, so very easy to expand into a full form builder 2. autosaves 3. has pretty error message toast popup 4. uses radix ui, tailwind, and nextjs 5. saves to a google sheet

https://scrapbook-into-the-redwoods.s3.amazonaws.com/68f8775a-cdcc-4f60-9c09-9b3bc4d23e7b-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b0901fa2-7f09-4953-9936-5eb8c375b5d9-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/77c8983d-be1a-4bb9-946e-b2f039f0c54b-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/707d82a2-f72e-4ff8-b3b1-215b1e249383-image.png

Day 5 & 6 of #15-days-in-public : Small change, Added Tailwind CSS and (WIP Youtube Sub Count.)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/645539cc-c684-4d4b-85bc-a12700b15bc0-image.png

:sahiti-watches-sword: :shipitparrot: personal website ship incoming :sahiti-watches-sword: :shipitparrot: i've just made the official v2 of my personal website! final site can be found: sahiti.vercel.app :goose-honk-right: (bye-bye sahiti-personal-website-v1.vercel.app). the entire site took around 15ish hours to make (i re-coded the entire thing 3 times, if you've been following along in #scrapbook) i am so so happy with how it looks, and also with how much i learned by myself to code this website with next.js :nextjs: and tailwind :tailwind: (the best languages, don't tell me otherwise). and yes, before you ask @sarthak it IS mobile friendly :) some of my fav parts of site: • click & draggable tooltip feature on description wording • animated icons on hover • click on da boat :paper-boat: for a surprise 🔗 site: <https://sahiti.vercel.app/|https://sahiti.vercel.app/> :figma: figma designs: www.figma.com/design/UkiYvZsqy8yjBtdW9c61lE/personal-website-design-v4?node-id=0-1&t=L0ZlhqaQzIQ8c6I5-1 :githubparrot: github: github.com/sahitid/sahiti-personal-website-v2 thank you @sarthak_,_ @zoyashussain_,_ @RyanDu-U04QM0MH6TV_,_ #hack-hour and everyone else who helped me with design iterations through this wild wild process.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/33887bd7-a815-4666-91f5-4f758983adde-image.png

https://imgutil.s3.us-east-2.amazonaws.com/4f675f18e6abcf57572d0ec67184abace0baa0aa1e89500c67feb8d17654dad3/8c2b239d-1e2c-42b3-ab08-190a283d2b27.png

some things i've been up to [trying to log arcade hours] 1 - work on my personal site! trying to rebuild it w react + tailwind (tailwind is actually so nice to use i wish i started sooner) - screenshot down below! its kinda scuffed rn 2 - arcade stuff!!!!!! tho idk how much im allowed to leak so im gonna play it safe 💀 but art + design stuff this week, mostly!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/61339ce7-a83e-432e-bd54-745dce626a6b-image.png

:shipitparrot: 💌 #leaders and clubs ship :shipitparrot: 💌 i spent the last week working on Leaders Letters, a new blog article page for running advice and sharing stories - from club leaders, for club leaders. this was heavily inspired by purdue hackers blog and @matthew. when i read technicolor last year, my club was nonexistent, my administration had probably blocked me on email, and i was on the verge of quitting. but at a time like this, i somehow stumbled upon this beautiful piece of writing and the words "EVERY SCHOOL NEEDS A HACK CLUB KID". it forced me to realize that my end goal was to create a space for students like me with hacker culture that just didn't exist. okay, maybe i wouldn't wear a hack club sticker cape - but i could definitely be the "hack club kid" at my school. i found a second home in hack club and through the process, was empowered to start a similar ecosystem at my own school. fast forward to today, not only does the miraculous club that i once dreamt of running exist, but we have people like @TishaKaur @ChristianDutton-U04E0LL16MA @AanyaKungwani from that club who have gone on to become a deeper part of hack club through hackathons, #days-of-service (#blossom), #forsyth-hacks :forsyth-hacks-2-bolt:, & #the-summit :leaders-summit:. we have had huge meetings with successful workshops that have propelled people to join hack club, but mainly a lot of smaller ones that just seem like hanging out with a group of friends and creating projects :taco-dance:. this year, i had the greatest pleasure of onboarding @PaulKim, @michelle, and @RyanDu-U04QM0MH6TV and we've created an even larger cohort of metro-atlanta hack clubs who are working to create #hack-the-aquarium :ocean-magic_wand:. when i joined hack club, it was something extraordinary and out worldly and allowed me to find "my people". when i became a hack club leader, i was given the platform and tools to help others like me find each other and a school-wide and now city-wide tight-knit community in atlanta. i am just so grateful i took this jump after hearing all the experiences of past leaders. leaders letters is written in next.js :nextjs: and tailwind :tailwind: and will be updated with monthly leader blog articles or stories that need to be shared. the goal of the site is to serve as a stagnant place for the greatest memoirs that will help boost and inspire future leaders, and in the process allow current leaders to have their voices heard. :heart-eng: my final ask is if you're a leader who wants to share your story, don't hesitate! send me a DM or make a PR with the instructions in the repository! and more importantly, if you're not a leader, apply to be one and remember that it's never too late to start. trust me, it literally changed my life and every day helps me change others' lives as well. :githubparrot: github.com/sahitid/leaders-letters 🔗 hackclub.com/letters huge thank you to @fayd & @ShubhamPatil for moral support and helping me with the website coding. also thank you @matthew for the inspiration (from realizing that technicolor & future letters needed a home). and lastly, thank youuu :blobheart: @SarahDowden for the moral support and conversations that kept me sane through the work.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c0d27ca5-9155-48b6-a5b5-c97c7f36258a-letters_from_leaders.png

https://imgutil.s3.us-east-2.amazonaws.com/3e338212abd111213959424615fec02c5b142b807e95c03a73107514f96de948/250a9c14-faf2-40e3-b7f9-85a70f5a769f.png

🚢 ANOTHER WEBSITE SHIP 🚢 I shipped 3 new pages for my website! The first one is a photos page, it pulls automatically from my Flickr for the photos and uses static images as fallback. The second one is a blog, it uses markdown files and tailwind typography for rendering them nicely! The third one is super simple but its a stack page, It includes the tools I use. Hardware and software! The website is written in :nextjs: Next.js and :tailwind: Tailwind CSS. It's all open source! ⭐ it on GitHub and live on aram.sh

https://scrapbook-into-the-redwoods.s3.amazonaws.com/356954c2-3c84-4406-8d1a-d02d5937d741-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3aa4c7e8-6e67-4967-861d-3cca7d109df9-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/86f52934-d3ce-4771-b295-a54c171b19bd-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/acf24e6a-b7b4-449b-acde-0bfd82870189-image.png

https://imgutil.s3.us-east-2.amazonaws.com/71aa43726029a36799259ed104cfb8758c20049951f5a659b1f28259ad78af04/4abb2e3c-82b8-4d10-953b-2eb29f3f1bee.png

🚢 WEBSITE SHIP 🚢 Coming soon to my website: a live widget showing what I am listening to! This was a fun one as I was learning how more secure APIs work and will come in useful for future projects! Built with :nextjs:, :react:, :typescript: and :tailwind: ! Inspired by @itsmingjie’s monolith website widget! Coming soon to an aram.sh near you!

getting back into react+tailwind, and pics from summer so far!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/206fe56a-c69d-4256-8927-a1ae5efad25f-screen_shot_2023-08-05_at_12.56.53_am.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/a7036ff5-7627-4289-b095-bab6fb034fbd-screen_shot_2023-08-05_at_12.46.13_am.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/46cbfba9-8e5b-4a39-85b4-c51fd35215bc-screen_shot_2023-08-05_at_12.57.19_am.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/456f5e2c-483f-4a03-a509-b1b23637c303-screen_shot_2023-08-05_at_12.57.04_am.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0031e036-93a5-4c5f-bcfe-d5d10807853f-screen_shot_2023-08-05_at_12.56.36_am.png

Sveltekit + TailwindCSS is one of the best combos I have used imo

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b227c395-28ea-4b9d-bf87-b463cfaa1063-image.png

#w-of-the-day day 183 I was busy with personal errands today so not much, I've decided to not use tailwind or any css library and yeah this is pretty complicated.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/cb10757e-4afe-489d-b704-c65527c8aa2e-image.png

Building akshith.io with like an “intro” sorta thingy (idk what i’m doing) using next, tailwind

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c267f194-daa0-4a84-b01a-0eb4b45bccab-screenshot_2023-05-14_at_2.26.29_pm.png

I learned Tailwind CSS yesterday!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2fe50030-1e78-4c78-a76d-f842d7a87ec7-screenshot_2023-04-10_at_6.33.27_am.png

Finally got rails :rails2: set up to my liking for working on the #oblong-dev admin panel! Also ft. Tailwind :tailwind: which is kinda growing on me? I still think theme UI is better for things that aren't just quick prototypes and can use React but tailwind isn't too bad

https://cloud-8ll04jt2g-hack-club-bot.vercel.app/0image.png

New blog post at byteatati.me/blog/love-svelte, also I’m currently migrating the site to Tailwind

https://cloud-h3azktho0-hack-club-bot.vercel.app/09e1d012b-5e5e-483a-a50f-5b073ae79d9e.jpeg

day 8 of #10-days-in-public! i built and deployed the first version of my personal website which was built with next.js and tailwind css today using vercel! still need to fix up the meta data, but so happy everything is coming together!

https://cloud-himfayigo-hack-club-bot.vercel.app/0image.png

Day 8 #10-days-in-public! I got Next and Tailwind running for my site and tinkered around a little, finished AoC day 8, and got started on the deep learning book!

https://cloud-3jie1r86t-hack-club-bot.vercel.app/0image.png

https://cloud-gcjzf4w5n-hack-club-bot.vercel.app/0image.png

https://cloud-2b3uwfzfb-hack-club-bot.vercel.app/0image.png

didn't make that much progress today with the lecture series, still on the same lecture about aircraft performance :)) i did learn a cool/fun fact about flying planes though, most of the time, headwind is better than tailwind because at the right angle of attack (angle of your plane relative to the wind), it helps generate greater lift :) day 4 of #10-days-in-public

https://cloud-4nb0ydh9q-hack-club-bot.vercel.app/0screenshot_2022-12-01_at_8.59.23_pm.png

day 2 of #10-days-in-public! @AdithyaPappula-U03MRQPF7N3 made a super cool design for the #epoch-ba website, so i started implementing that in :astro: + :tailwind:

https://cloud-au2y914ap-hack-club-bot.vercel.app/0image.png

day 1 of #10-days-in-public! started designing the website for #epoch-ba... my plan is to build it in :astro: + :tailwind: if no one objects lol

https://cloud-hphwhsh1g-hack-club-bot.vercel.app/0image.png

day 1/10 of #10-days-in-public! working on building my personal website using next.js and tailwind css! today, i set up the repo and put in a rough sketch of the homepage that i had designed on figma a few weeks prior! first time using next.js and tailwind css in combination, so still getting used to everything 😄

https://cloud-lsohetkqu-hack-club-bot.vercel.app/0image.png

day 8 of #10-days-in-public! can't believe there's only 2 days left. Today, I drafted a landing page for my app grade melon using tailwind. I used framer motion for staggered slide in animations (not shown here). Still not sure how I wanna layout the images.

https://cloud-aoe3w7rej-hack-club-bot.vercel.app/0image.png

Day 4/10 of #10-days-in-public! During this time, I’m building a new version of zachlatta.com that pulls content from my Obsidian notes repo. Today I focused on getting my first styling on the site together. I tried out Tailwind for the first time, and am intrigued by the idea of utility classes instead of writing CSS for everything. It’s not looking great yet, but proud of this progress and excited to continue tomorrow. You can see the WIP of the site at beta.zachlatta.com as I’m working on it.

https://cloud-flkg6dneo-hack-club-bot.vercel.app/0screen_shot_2022-10-08_at_11.45.47_pm.png

here's my update for day 4 of #10-days-in-public! i very quickly made a landing page for tilde using next.js and tailwind. here's a link to the github repo: github.com/developedbytoby/tilde-site!

https://cloud-m0nf7co1k-hack-club-bot.vercel.app/0image.png