@ez1I made a boilerplate for next.js devs to save time on setting up projects involving next-auth.
• Next.j
• Tailwind
• Prisma
• Next-auth
• Sqlite
github.com/eesazahed/next-auth-boilerplate
@AshishAgarwal0working on a next.js full-stack project!
currently making the dashboard, then I will make the back-end server once the dashboard/frontend is done
shadcn/ui, next.js and tailwindcss used in the dashboard front-end
@AshishAgarwal0Working on my portfolio! This project marks my very first Next.js project!!
I added cool features such as - Headless blog (Hashnode), Guestbook (you can leave your reviews there!), etc more!
Built with Next.js, Framer Motion, Postgres, Prisma, Google+Github oAuth, TailwindCSS
CHECK OUT: ashish.top
@SkyfallWasTaken0post for wednesday:
• mostly worked on my personal website
• fixed status colours (turns out tailwind jit wasn't picking up on em)
• fixed my blog post layout (it wasn't the proper width before)
• updated the blog post preview
• tried (and failed) to get og image generation working
live at skyfall.dev!
@Gestolennaam0Worked 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)
@Henri0I 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@TanushChauhan0Hello 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
@Paweł0I'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.
@Jignesh0I 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:
@Henri0In 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.@YeGao0Build a portfoilo website demo with react, tailwind, material ui and scarpbook api
github.com/GaoYeGithub/Portfolio@tejas0tejasgod.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
@LuxKaiwalker0Whitemind 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
@NikosTsilas-U04N415FE4T0For #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).
@DishaSingh0Design 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.@Craze0In 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 !
@TanushChauhan0Didn'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
@tsvrn90I put up a quick personal site built with svelte and tailwind! owenwang.dev
@Henri0( 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:@Henri0( 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:@LarryLe0Tailwind 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.appgithub.com/Larry-Larriee/next-llama
@LarryLe0Hi 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.appgithub.com/Larry-Larriee/next-llama
This scrapbook is part four of all my sessions for the project.
@LarryLe0Hi 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.appgithub.com/Larry-Larriee/next-llama
This scrapbook is part three of all my sessions for the project.
@LarryLe0Hi 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.appgithub.com/Larry-Larriee/next-llama
This scrapbook is part two of all my sessions for the project.
@LarryLe0Hi 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.appgithub.com/Larry-Larriee/next-llama
This scrapbook is part one of all my sessions for the project.
@Henri0I 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:@SkyfallWasTaken0built a todo app with svelte and tailwind! github.com/skyfallwastaken/svelte-todo (somewhat old project, but i forgot to submit the session)
@Marah0I 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
@ez1My personal website:
eesa.zahed.ca
View the code:
github.com/eesazahed/eesa.zahed.ca
Made with Next.js and Tailwind@EddieBian0trying 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
@EddieBian0yet 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
@EddieBian0my first animated personal website! made with tailwindcss and animejs (first time using for a project :D)
ecodes.tech
@rndm0I 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
