NextJS Posts – Hack Club Scrapbook

Posts tagged with :nextjs:

Remade the whole hackclub.com/stickers site from its source code (bare html + css) and added waayyyy more functionality thats actually useful! Now the new sticker website lets you: -Add stickers to your collection by clicking on them -Remove stickers from your collection -Remember your stickers when you return to the site! Demo it here!: ampersandco.me/stickers Warning! Its kinda ass cuz I'm not that familiar with react or next js so I just remade it on plain html for now until I can learn 😭

https://imgutil.s3.us-east-2.amazonaws.com/f28da00f4cca070ac105e380f13e6625d1d21ed6c959ec77f687a4b8e8c6fc8b/998d647b-c244-40ac-94e6-3d16361de0ff.png

Next.JS Official DSAT Latin Roots Learner with Comprehensive Feedback using points to redeem practice SAT questions will be a feature soon to be added. Please let me know how you feel about this SAT Prep platform! www.rootified.me github.com/mchuang413/Rootified/commit/0992ea27676aafaf3499e575ee79fcbecae9c904

https://imgutil.s3.us-east-2.amazonaws.com/101a0ef71ba510bb32125607983d79706110f00297bfc010402c523d7a1a2f71/5f0df1bf-56a3-4adb-9abf-b5c1af363a96.png

A todolist web app built with Next.js Try: nicesapien.github.io/next-todo GitHub: github.com/NiceSapien/next-todo

https://scrapbook-into-the-redwoods.s3.amazonaws.com/92c8c7f6-4f89-4b55-893f-377486bb38a0-image.png

https://imgutil.s3.us-east-2.amazonaws.com/f8b70d9200e47c859d8c8538bb07831bf8e76f385a841a8c29874bad63ea6fd1/8ce8694c-9dbd-4a02-aab4-c8c885ec2d51.png

Made a pizzeria web site with Next.js as a practice. Check out the site or the Github.

https://imgutil.s3.us-east-2.amazonaws.com/b2d4a1c557264405d7b2825c08db6acef1ea0b7750de32009ba876a444d4ee1c/8e24063c-4c20-455e-9c8b-5a24ab21c335.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

posting it one more time Hello everyone! I recently completed my Next JS application, which is called GradeMate. I made this app as a wrapper over my high school's gradebook application to create a better UI and add extra features like grade prediction and GPA calculation. I shared it with some people in my school, and they loved it! I plan to improve it as this school year goes on. I have added a demo account in the application so you all can take a look and experience the application. The credentials for the same can be found on the app's login page. Read the readme on the repo for details on running the application locally and credits. repo: github.com/tanushchauhan/grade-app Link: grademate.tanushchauhan.com

https://imgutil.s3.us-east-2.amazonaws.com/7fc7f428fd0e8e6f1dcaaef79e2f3134da8e063483632492b936264bda9bf0f1/7e6218b4-e229-4f0d-9979-cbfdc38fdd4d.png

Posting it again Hello everyone! I recently completed my Next JS application, which is called GradeMate. I made this app as a wrapper over my high school's gradebook application to create a better UI and add extra features like grade prediction and GPA calculation. I shared it with some people in my school, and they loved it! I plan to improve it as this school year goes on. I have added a demo account in the application so you all can take a look and experience the application. The credentials for the same can be found on the app's login page. Read the readme on the repo for details on running the application locally and credits. repo: github.com/tanushchauhan/grade-app Link: grademate.tanushchauhan.com

https://imgutil.s3.us-east-2.amazonaws.com/7fc7f428fd0e8e6f1dcaaef79e2f3134da8e063483632492b936264bda9bf0f1/747afd02-354c-4b8c-adcc-0b44dd6cbbd5.png

posting again Hello everyone! I recently completed my Next JS application, which is called GradeMate. I made this app as a wrapper over my high school's gradebook application to create a better UI and add extra features like grade prediction and GPA calculation. I shared it with some people in my school, and they loved it! I plan to improve it as this school year goes on. I have added a demo account in the application so you all can take a look and experience the application. The credentials for the same can be found on the app's login page. Read the readme on the repo for details on running the application locally and credits. repo: github.com/tanushchauhan/grade-app Link: grademate.tanushchauhan.com

https://imgutil.s3.us-east-2.amazonaws.com/7fc7f428fd0e8e6f1dcaaef79e2f3134da8e063483632492b936264bda9bf0f1/37d33520-c9fb-4314-b6cf-8d7b9ada69dc.png

Hello everyone! I recently completed my Next JS application, which is called GradeMate. I made this app as a wrapper over my high school's gradebook application to create a better UI and add extra features like grade prediction and GPA calculation. I shared it with some people in my school, and they loved it! I plan to improve it as this school year goes on. I have added a demo account in the application so you all can take a look and experience the application. The credentials for the same can be found on the app's login page. Read the readme on the repo for details on running the application locally and credits. repo: github.com/tanushchauhan/grade-app Link: grademate.tanushchauhan.com

https://imgutil.s3.us-east-2.amazonaws.com/7fc7f428fd0e8e6f1dcaaef79e2f3134da8e063483632492b936264bda9bf0f1/ab8c293d-5d29-47cd-881c-1c3be0c15938.png

Made a literature Q&A website powered by next.js and openai. learnt quite a bit about next.js. Got it to a point that I am happy with for this small project (google oauth; openai integration, etc) github.com/jamesrchen/bookance

https://imgutil.s3.us-east-2.amazonaws.com/0696c9b63d6dbaaa9c18601304c5e1b8cfba3ca9af3a4952d538cc29955c1d2e/8470cd19-04b2-4fd5-b391-c5e7b3f03717.png

I made a browser multiplayer game similar to Survive the Internet using NextJS and SocketIO. It isn't online currently since I don't have the resources to host the socket server. Github Repo: github.com/liqki/cancelled

https://imgutil.s3.us-east-2.amazonaws.com/e82f906f8dc96441b7d62a303336d811fa6a84774d2f5a5ab51bec338253aaa4/90bb358a-7bed-4ef4-b8d0-43ddf762ede4.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

Made a chat app with next js, material UI, and supabase github.com/GaoYeGithub/ChatWithNext

https://imgutil.s3.us-east-2.amazonaws.com/e3bd47a9a57cb8fe82cf9d2520bca69fa1694631cc789f1095f548efd6cf88d6/2b2222d1-4ea2-497c-bb70-935ed38342f4.png

I finished polishing my Arcade Lookup tool! It's a Next.js project that shows all your Arcade session data using the API.

https://imgutil.s3.us-east-2.amazonaws.com/de2eb3bcd759aeee6e56c1f168de744dbe5dd9498c183f32a01ede29c3f3d6ec/0f31e09d-1e5e-456d-8f4b-15176a576063.png

Finally completed my website AuthSwiss- complete nextjs authentication toolkit, this can be used as template or as reference to build robust authentication system using nextjs Github: github.com/jignesh119/AuthSwiss Live url: auth-swiss.vercel.app (for testing app, use email: revdmi4@gmail.com, password: 1234567 As login credentials, if u dont wanna enter your own details)

https://imgutil.s3.us-east-2.amazonaws.com/98104587f4024f361527166f45e0e7581b9f7e9ea850bdb4216545228e7f682a/a796f5b7-7ce0-4376-9498-8439392ee94e.png

Post 26 Podcastt 🎧: An open-source AI-powered podcast creation and discovery platform built with Next.js and Convex So far, I've implemented these key features: • Secure authentication • Podcast creation • AI voiceover generation • AI thumbnail generation Upcoming features include: • Discover podcasts • Home page • Profile page Check it out @ podcastt.vercel.app Open source @ github.com/shrysjain/podcastt Authentication powered by Clerk, some components bootstrapped from shadcn/ui AI functionalities provided by OpenAI. Implementation inspired by jsm.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/94e2da62-fd96-4591-bd8a-49bb429029b1-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/27a3a27c-45c7-40db-9db1-6269d1d5f15a-image.png

https://imgutil.s3.us-east-2.amazonaws.com/c1fc8d6710e2a13b867adb389ae5303acd79630e690aecda3421ce49a7b20675/2f13f966-d54d-4554-b5b4-29a822416a79.png

github.com/GaoYeGithub/nextjs-docker Built a journaling website demo that connects react to supabase and docker so you can just open docker and Build and run the container

https://imgutil.s3.us-east-2.amazonaws.com/a22ac4843aabe3a78d16bdc46e9f8a08cf32407d80c6b07f49ee73db46ca2a78/4a92445b-ad58-44a2-9d41-af612787e8b7.png

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

I made a free and public API to get registration information about aircraft from the FAA (Federal Aviation Administration). I call it “arla”, which stands for “Aircraft Registration Lookup API”. I use Supabase for the database and Vercel/Next.js for the website/API. I also use GitHub Actions for running the daily update script to fetch registration information from the FAA. The API is very small, but I made a (in my opinion) pretty awesome looking website/documentation page for it. The documentation page is designed to be easy to understand, with buttons for each API endpoint to send a test API request. I also have a light and dark mode theme for the entire website. GitHub: github.com/njfdev/Aircraft-Registration-Lookup-API Website: arla.njf.dev

https://imgutil.s3.us-east-2.amazonaws.com/021a0e31082972d95fe8672dcdb13d87b552c347399a33d2b14dbedd047dfef0/7286d1f8-5de6-4191-94e4-f4cb9459881e.png

I created a Drive app in Nextjs, really proud of the result i.imgur.com/8frhVgQ.mp4 github.com/Lorenzo0111/Drive

https://imgutil.s3.us-east-2.amazonaws.com/64b5094521b69b7d7364d56efd6e5d611da0cce43c1ec70f75a4f9933c2fbc89/10686610-2d1d-43ec-90ce-4dac58ac7a4b.png

I redesigned the landing page of canvasly with tailus ui and nextjs. The project is open source and avaiable here. I plan to redesign the dashboard and the editor in the near future, also with tailus ui.

https://imgutil.s3.us-east-2.amazonaws.com/16fe4c6e980acdee99a964db4b72d8e35df9efa30b5874def3276f818ad95c72/0568b225-2112-4e39-8947-d409dff66fb6.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

Introducing Atomic Clock , a website that shows you the current time, as precise as possible using NTP. Normally NTP is very hard to use in the browser, but using Next.js API functions, I've created a little wrapper. The site has an option to switch between a digital and analog clock, and you can customize those with a ton of options to your liking. If you host your own NTP server, which may be even more precise than some public ones, you can configure that too in the settings! Check out the GitHub: github.com/JustJoostNL/atomic-clock Website: clock.jstt.me

https://imgutil.s3.us-east-2.amazonaws.com/8464c3b7333f1823b234414035375d7a6b07aad151ffb9347f88e25a680f3bd9/176cf162-54f0-44a1-a029-2ed1c851b55f.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

Hey everyone, I have just completed another 3D Website Project. The goal of this project was to try to render a custom 3D model through STL files. It was a difficult project, I learned a lot about how the STL file stores the data, and how it should be read to render it correctly. I made it using Next.JS and WebGL Link to Demo skywardsyntax.github.io/STLViewer Link to Repository github.com/SkywardSyntax/STLViewer

https://imgutil.s3.us-east-2.amazonaws.com/8d6840299a3b69fed6bfe9257192b1a543d574f5b7a55d96e2d55600ad6b2a9e/de99eaf9-56dd-4f51-a60f-2485aea64999.png

I made a tool that lists all your Arcade sessions using the API! It uses Next.js and can be ran locally. Check it out here!

https://imgutil.s3.us-east-2.amazonaws.com/f8cf3c5b6d500906aea6daa83ec133179cbf855b8e4dcf3b61c957716904613a/a06b5d87-afc7-483f-9ee8-475a7c61aea0.png

Created a zoom clone! Made this to learn react and nextjs to eventually migrate my own project over and was following this great tutorial: www.youtube.com/watch?v=R8CIO1DZ2b8 Overall, a great intro to next js especially learning about useState and useEffects. For sure migrating my svelte site over to react for more reactivity. Also learnt how to use this great video and audio messaging service and Clerk auth. Really amazing tutorial and I recommended anyone trying to get into react and next js to make this! github.com/Aaryan-N/Zoom_Clone

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2d410bbd-57c1-49c1-8ef9-0aed710a0ecf-screenshot_2024-08-11_054134.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/48df0b65-841b-49b1-965b-762aefdf77e0-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b347355c-8315-4b28-8ef0-99f2a85446c2-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8dc74caa-8357-4ea6-ba8e-eabea41cbd6b-image.png

https://imgutil.s3.us-east-2.amazonaws.com/763760ed3b8aeac23a0b829e36f9b99551d6eff78d8565139372214d1302da82/5192d333-11fa-4687-ad50-54c2425ade76.png

Website portfolio, written with Nextjs... github.com/SemicolonUnexpected/website-portfolio.git

https://imgutil.s3.us-east-2.amazonaws.com/9a3f12bd8fa51c4d6ddfdeff6b4c44ae3fb45738dccd5f389552e02deb2f680e/635faa3c-c956-4489-80da-c02c291a9d60.png

I was going to do some frontend development with NextJS, but decided I didn't want to anymore. Going to continue developing a game instead.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/4b9293be-dbf2-4324-8a3c-28be8eeda8f4-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

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

I just finished the landing page for my new selfmail client grids.email. I worked for 6 hours on this page, and the next step is to create the backend for the auth. All this is open source here: github.com/i-am-henri/grids/blob/main/public/page.png Tech stack: nextjs, tailwind, lucia auth

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/896a9b70-2e98-4fc4-b44b-623911253477.png

Created a small interactive map, got to play around with konva and next.js, but discontinued because we didn't have enough time github.com/jamesrchen/mahalo-map

https://imgutil.s3.us-east-2.amazonaws.com/2110669f6ab980cd47d941078d20c3a181c447ef3cc0c8b59bae2110994f0395/81523827-b351-417e-9717-f319e58d60dd.png

The Task Manager is a web application built using the Next.js framework. It allows users to manage their tasks efficiently with features such as task creation, updating, and deletion. GitHub Repository Link :- github.com/radhaya9av/the-taskmanager The TaskManager Web App Link :- the-taskmanager.vercel.app

https://imgutil.s3.us-east-2.amazonaws.com/db23137303d5dd5eb66d3c89bab09e9e6c8d95724dd08c898e70e1c7ce301ba9/e08454bf-9ce0-4588-9948-3d65f0e4e6fd.png

Created a simple app with Nextjs to manage hotel bookings github.com/lorenzo0111/hotelapp

https://imgutil.s3.us-east-2.amazonaws.com/6f6c34c3152b8fa454087879fb29e39f87aaec5d974829e7e4ce23ec3b7ee983/56276790-980e-4407-aa1d-193dd7cd4a3a.png

Continued on making a literature Q&A website powered by next.js and openai. Been learning a lot about next.js as a framework, especially in terms of how it integrates with server actions. github.com/jamesrchen/bookance

https://imgutil.s3.us-east-2.amazonaws.com/d193751410a0a65e820577064f1b61e1de75576f93f5a25f9ff044910f78b98d/5b740f44-1738-4ecd-a773-bf035d1cde1a.png

Can some one help my deployment it a Next.js and React website on Vercel but getting errors github.com/GaoYeGithub/mct vercel.com/gaoyegithubs-projects/macro-tracker-fixed/hswfi2j9JincHeLcFVqv1[…]ine=past30Minutes&startDate=1722906596434&endDate=1722908396434

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1758a003-fecb-4f54-889e-bf336ff4b2d2-image.png

https://imgutil.s3.us-east-2.amazonaws.com/e2c737cdabdc24f036b721eb060f93ff44165654085905eb1363689cf6c1d7e6/15395af0-9a87-433a-a5fd-fd7aac283e29.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

Hey Guys I just finished implementing a Snake Game using WebGL and Next Js. This is my first foray into using WebGL to render frames in an actual game, which is something I’ve wanted to do for a while. It was a learning process to be able to get the game to where it is now, and I hope you guys like it Link to Demo Site skywardsyntax.github.io/Snake Link to Repository github.com/SkywardSyntax/Snake

https://imgutil.s3.us-east-2.amazonaws.com/739d9575961d36ccfd0661c34050731669cbec6e9bd3f7d81462e73a6e3fe2c7/0259c4b4-2109-4da3-93db-b3d6478760c9.png

data-fetching with Next.js github.com/GaoYeGithub/Fetch-a-Hack-Clubber

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/1187c5ed-2aa8-4fca-bded-68af9600dcc0.png

Hey Guys, I finally reached a point where I feel like I can share what I have so far on my latest project. Basically this project is a proof of concept of a lighting engine fully implemented in js using Next.JS and external libraries. Here’s a link to the demo site skywardsyntax.github.io/LightingEngine Here’s a link to the repo github.com/SkywardSyntax/LightingEngine

https://imgutil.s3.us-east-2.amazonaws.com/2073acd53424c84e56efd14ff160e09305f3d5c4d62232991261f2655d565121/0e75f4a9-cad5-4c3d-b85b-0cb981895b59.png

The Weather is a web application created using the Next.js framework. This app allows users to view the weather details of their location for today and previous days, fetched from the OpenWeather API. GitHub Repo Link :- github.com/radhaya9av/the-weather The Weather Web App Link :- the-weather-ten.vercel.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3eb9542d-331f-43fd-aafa-024368b12695-the_5_.png

https://imgutil.s3.us-east-2.amazonaws.com/68b23f55db49ee9963e069549e3679a6aa07f6a4bf518ea28c383ef30c1e7479/ddd9714d-cd2b-42bd-8514-d3743fee8b0d.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

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