React Posts – Hack Club Scrapbook

Posts tagged with :react:

Shipping from my laptop straight to Nest (after this, going to setup systemd service unit file first) before #C07PZMBUNDS| ends (please vote for me to get some :sky-scales:), it's @HackClubLeeks ! It's a Slack app companion for #C06089401GT| for data sleuths at Hack Club Slack with a review queue similar to how #CNMU9L92Q| work to avoid abuse and false flags for those who want to spot the leaks minus the copy-and-paste-da-permalink part. Don't worry, leeks flagged through the bot are anonymous but logged the user ID of the first person to flag for moderation purposes. Simply react with :leeks: or privately flag as leek via message actions on channels like #C05SVRTCDGV| and #C054QL5JHU0| (or even #C01FXNNF6F2| if you seriously want to FAFO with the FD). Found a bug or want to coordinate a patch/merge request or just want to help review the possible leeks in the queue? No problemo, hop into #C07T2EP4PLZ|. The source code is licensed under MPL-2.0 with the block builder library from Prox2 under MPL-2.0 AND AGPL-3.0 (apologies for SPDX-License-Identifier speak), and even has a GitHub mirror for Low Skies and visibility reasons.

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/619c2747-4893-4c9e-a1da-53f2e4ff1486-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/da0882da-ee06-462e-9e24-398360da7a24-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/22314f85-8878-4a23-8914-edd69ad783e6-image.png

https://imgutil.s3.us-east-2.amazonaws.com/1cbbb92dfb3b0b05829040361069363084f9e41d75d88b36a51a8505edfc0257/330db266-7e83-4106-b19a-de093eb0b87c.png

hi, my first scrapbook since arcade PhyoID, a user management system made with flask, sqlite and jwt, now has a react website, auth.phyotp.dev , and is used for Multicards, an iOS app and will be used for its react website soon. github.com/PhyoTP/PhyoID

https://imgutil.s3.us-east-2.amazonaws.com/bb4f247070e31f46f76d973d00a5cf5fea091be880c8ce450ff3a41ad404d2ae/77a7cfd0-8895-45a5-b83d-1a3cefcb4463.png

set the channel topic: :aom: 📷 💻 Pick a subject and learn about it every day! Share updates here and get a custom, beautiful site generated at scrapbook.hackclub.com! Not working? React to your post with :scrappy-retry:.

https://imgutil.s3.us-east-2.amazonaws.com/19d21ff7cae832e7dbdf95ea11a5d72ded9568cd596c2ad7285da4106e7685fb/623080d4-094c-45ce-8941-56b926a356c0.png

Made the stepper motor react to special infrared signals

My portfolio site i made with Daisyui, react and themed with catppuccin mocha =D github.com/NeonGamerBot-QK/saahild.com saahild.com

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/54464bd2-b10b-45a1-b433-d4a3fdba781c-image.png

https://imgutil.s3.us-east-2.amazonaws.com/ec1e9c8f1f27c7da2eb1c358a3db8679faa0c5787baec9673e482524648c4105/386e4ee5-3bcf-4b46-9185-0237c0fd70cf.png

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

sorting algorithms project using react js and python flask: github.com/mattsoh/sorting-algorithms

https://imgutil.s3.us-east-2.amazonaws.com/fb3df46a4412f16108991b4cbcf84447c2ba9cdf706869f5972978d4f71277bf/9077192d-3a85-44d9-a494-2664bf60ddc7.png

Sorting algorithms project now has react js:github.com/mattsoh/sorting-algorithms

https://imgutil.s3.us-east-2.amazonaws.com/5a82fd3b1becdca1a5cf14bbcce0d9669148f11ec16d1bb1e443007ec42431aa/eb0a3184-40ee-4da3-96e6-ab55a225f784.png

I finally shipped project PeerView It is a p2p video calling application, made with webrtc, react, websockets and javascript Its my 1st webrtc project. I focused more on functionality and I compromised in ui of app a bit, As it uses websockets(until 2 peers connect), app requires full duplex connection all the time from deployed servers, hence I chose render to deploy my app instead of vercel, etc GitHub: github.com/jignesh119/PeerView Live link: peerview.onrender.com Please note that render pulls down deployments if no active traffic, hence when you try the app u may hv to at least wait 4 a min to see ui PFA demo of app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/5cd1527b-5533-4cf6-8e79-13ad6b375b9f-1000042722.jpg

https://scrapbook-into-the-redwoods.s3.amazonaws.com/20f84071-5207-4c9e-8813-64fb79c41318-1000042721.jpg

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1af48e3c-3497-45c2-9f95-d9fc66a9c0b6-1000042720.jpg

https://imgutil.s3.us-east-2.amazonaws.com/ea4758a409fd2fac6279b7cbee4bd4cd244c124cd315525a1ba341ad0ae27f41/ee4881e7-0452-468e-8c54-7b18c2f01273.png

I have created a React Finance Tracker app with budget tracking and visual spending overviews. Check it out on my GitHub, and see the live version here!

https://imgutil.s3.us-east-2.amazonaws.com/267e1eea8b6decd1de651238b41570c7ceb8875d754564467034f75dc7f108c4/11d947df-dd5c-4860-b972-b26d51036010.png

Hey, I have made additional to a project where I am testing different components in React, and how they work. Its really a project that shows different ui components, and I hope it helps you guys as well Link to Repo: github.com/SkywardSyntax/UITesting Link to Demo: skywardsyntax.github.io/UITesting

https://imgutil.s3.us-east-2.amazonaws.com/4cbaf2cabf508ccd99bb330540218cd7af929e076e322a0da011ae3efeca40d8/30d92198-457c-471f-9617-1f15fe1d3d57.png

I'm working on creating a social media app for musicians: here's a first mini-ship to get across the arcade finish line! The current iteration includes a basic login and media picker screens... React Native is still hard asf... This is an expo app connected to supabase github.com/TSVRN9/the-shed

https://imgutil.s3.us-east-2.amazonaws.com/831fd74abe1b8107ba351e7fe8340ab219dbab052daf0b07af9f614a13f1fc81/c4d662ac-081d-4370-8566-3420054c504f.png

making my portfolio page(wip) github.com/Raifa21/react-portfolio-page

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f383c84d-1e35-4126-accd-a92e433b8d53-screenshot_2024-08-31_at_19.29.02.png

https://imgutil.s3.us-east-2.amazonaws.com/acc169409ed8046b230e9a171c6f8952fe06a61264e8c45add6b599c6b9c74b4/690b4148-ca80-48a0-9e05-1b492e3e3522.png

I made a React Vite, and Python Flask website called HivesAway. The website allows you to login with your account stored on a database, to track your daily consumption of food, and correlate it to your allergies. Sadly I failed to publish it to pages, and I did not wish to buy a domain. Github: github.com/had2020/HivesAway

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2c8d2011-8917-4358-8691-ec88426d1fd7-screenshot_2024-08-31_at_5.03.53___pm.png

https://imgutil.s3.us-east-2.amazonaws.com/8c49d08530025fce3a0051ac9ee933e0d156cfd9bcbe6b59f9350290062ca421/78939fad-b984-4450-a8bb-4bd20860ac62.png

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

Easily clean your Laptop or PC without causing unwanted input through Keyboard, Trackpad or Touchscreen! Unfortunately I made the decision to code a Windows app with react-native, which doesnt support native access to the Windows APIs, whichI need to block the input though (I did try coding my own Module in C++ for this; wihtout success though). I noticed this at a point where the frontend was basically already finished, so I decided to just finalize the frontend and not code the backend. Maybe I will try again in the future, who knows ;) Here's the link to the GitHub repo and I've attached a video demo of the frontend github.com/CodeModeYT/CleanX Edit: I did write a few simple Python scripts that should do the same thing though, they are located in /src/python !

https://imgutil.s3.us-east-2.amazonaws.com/22dd7fa18b0632f11ed58391365b6c835eb92d73bd56d4d551b5c033a4f8ed3d/b49566ba-cf77-451d-9ff8-384442a0f015.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

I created a react website with a timer. Still have 1 more feature to add but right now it's essentially complete. github.com/CurioScrounge/HealthyReminder healthy-reminder-sigma.vercel.app

https://imgutil.s3.us-east-2.amazonaws.com/169fa2ed7b810b99ae93c871a2751847e0d5cb4b9a69a94da5a2012edf407dcf/f589a19b-5af6-42f6-b07b-7870b669fd22.png

Done my react todolist with advanced todolist check out here: advtodo.onrender.com

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1dffefc6-1108-4568-833c-1ba2f12993eb-image.png

Started creating an app to manage expenses with React Native and Expo github.com/Lorenzo0111/Budget

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/347b0cfb-79d4-44fd-825a-fa35f7c9ae12.png

The web store of Emochoice, a print-on-demand store in Canada. Built with React and Mantine. Improved database model typings github.com/tobycm/emochoice emochoice.ca

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/2b793fae-a0cf-4e59-8d42-5b82e282b303.png

My friend and I just finished what I would call the first usable version of my app, StudyBits. TLDR; it’s a Studying Tool, and you should download the app by using the link below! I wanted to create this because of my freshman year of high school; AP HuG had taught me the error in my studying habits, so I decided to try and design a solution. Unfortunately, once sophomore year started, I didn’t have time to finish the app, which I was developing in Ionic at the time. Luckily, #C073DTGENJ2| reminded me of this idea, it also convinced me to switch to React Native, which was much better than Ionic for my purposes. Now the app: StudyBits helps you avoid cramming for your exams by allowing you to study on your phone. You can simply subscribe to a course, which will add a set of questions to your question pool. Then, you can answer questions from your question pool by going to the “Answer” tab in the app which will randomly select a question for you to answer. In the future, we plan to implement an algorithm which selectively chooses questions which will maximize your learning in combination with spacial repetition. You might be wondering who creates the questions, well you do! To create questions, you simply create a channel and a course with whatever units you would like. Then, you create questions in the create tab to your heart’s content. WE NEED YOU TO CREATE USEFUL COURSES! Right now, all we have is a filler brainrot course, so we encourage you to make usable courses (or courses on how to mew). In the future, we plan to use artificial intelligence to inflate our question sets. Finally, you can use our app to motivate you by competing for a spot on the leaderboard. By answering questions correctly, you gain points which rank you higher on our leaderboard, we plan to make this algorithm more complex in the future. Try to beat “The Sigma Rizzler” who is at 10,000,003 points 😉. Testflight Link: testflight.apple.com/join/t0SncOyx Demo video attached below! I know right now the UX is a little inconsistent, and has room for improvement. This app is still a work in progress :loading:…

https://imgutil.s3.us-east-2.amazonaws.com/02728d05810c7302b016bc3b691b28151af85f277afd40a530da4cba86af8faa/30ff7f49-145c-4c68-8c77-40f90ab67b60.png

I completed my project CodeSync- which is a collaborative realtime online code editor made with react,typescript and (one of my fav things) websockets, monaco-editor(for nice and clean editor) As this app heavily uses web sockets, we cannot deploy this on services which use serverless architecture( got to know via stackoverflow) as websockets need fullduplex connection present all the time , hence I used render to deploy this app Github: github.com/jignesh119/CodeSync Live Url: codesync-yim8.onrender.com if the app is down or websockets fail, I strongly suggest u set this app locally following readme to see apps full features try out the app, ping me when the deployment is down, render does that to save resources, as I'm using free plan

https://imgutil.s3.us-east-2.amazonaws.com/a7b3d20d677496f7e1da0881d47ff226322b5861b71682a2ccd9e3b80ba130a4/1ddb2402-3125-46e0-b472-4191940e4c26.png

Classroom-Attendance-Tracker A simple attendance management system built with React. This project allows users to manage class attendance records, edit attendance details, and view the overall attendance status.

Note :This is not an advanced app; many more features could be added in it but however, I am discontinuing this project as I am not getting ideas for further development.

Repo:github.com/Mitang321/Classroom-Attendance-Tracker Live:classroom-attendance-tracker.vercel.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ff08d1fb-8efb-4417-9f9c-0f68a30e4831-image.png

https://imgutil.s3.us-east-2.amazonaws.com/12d34f9b980b74c19288037b9b8d21d75c95f0d7e3a89cd1b29370779923a670/059a139a-66fd-449a-a918-63bac7cee136.png

(sorry for the lack of images and short description, I'm making this scrap to bank my last hours) HabitTracker is a simple habit tracker made with react native and supabase You can test it cloning this repo github.com/gicorada/HabitTracker and doing the usual workflow for previewing Expo app

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/cb4b9ee8-6fe3-4d45-a5fb-31b74c9317a9.png

FORMUFLASH I made a flashcard app aimed at spanish-speaking STEM students supporting LaTeX and Markdown (also images) syntax allowing complete control over the appearance and content of flashcards. The content is writen in Spanish as I aim to promote it and gain a userbase and the Spanish market was nonexistent (sorry english speakers, you will need google translate). Made with a django-rest backend with postgreSQL, react ts frontend and nginx as a reverse proxy. It (django and nginx )has been deployed to as individual serverless containers to gcp cloud run, it is then managed by a load balancer. This was started before I joined arcade (it has taken waaaay more hours than hours im submiting) You can access it through formuflash.com, formuflash.com(if I don't have SSL setup) (or formuflash-frontend-qkflfm2o5q-no.a.run.app, if the first link doesn't work, I don't have the domain setup yet,). To save on costs it is deployed as on demand so it might take 5-10 seconds for it to boot up. You can check the code out at: github.com/carlos-lorenzo/formuflash

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0b09ff6a-e0ed-40a9-90ad-ee2f32d6b057-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/024dc81c-0014-4548-8ad9-e3ab7003bb78.png

I made my first ever React Native app with Expo! I followed this tutorial but made it my own by turning it into a Lego related app, changed some functions and features and lastly the theming. Check out the attached demo and the Github repository here!

https://imgutil.s3.us-east-2.amazonaws.com/557820e5a611ffa820512246f66688215ebe255757a4af3c47d1ce0c75164844/c9e6f898-63b6-42c8-8103-30bec9819518.png

Responsive Webpage Tester *A simple tool to test how your website looks on different device sizes. This React app allows users to load any website and view it in various viewport sizes, including custom device profiles that can be added, edited, or deleted.* *Repo:*github.com/Mitang321/responsive-design-tester *Live:* responsive-design-tester.vercel.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/63e2204a-e165-480d-95be-903c11980842-image.png

https://imgutil.s3.us-east-2.amazonaws.com/360c8f077d5c81753b485ec638c3e9936bdc06e201d020aa8e6407eb5069e6ac/49709297-b36f-4d3a-a753-9a05cdd6df45.png

The ui for my gym app is now all done, (possible changes will come oud during the backend developement but this how it looks like). The app is not working yet but i've finished my part now my friend will do the backend and the hopefully we will be able to maybe share it around but since is my very first react native project i don't have high expectations. Github Repo: github.com/luca611/gym-traker-react-native

https://imgutil.s3.us-east-2.amazonaws.com/00f309e8396d6cfdefbfd3052ac12655c42d30e2ffb44bc5439ce70bf12dbe35/71b9a4f2-9c33-4bfc-b93c-6b967d7e7c8f.png

I added mobile UI support and login state management on my tutoring react app github.com/n0x1/Conference-REACT

https://imgutil.s3.us-east-2.amazonaws.com/af594fb7d65eb70948719b0c0fc8e3377259a6d3bfda0d252f57eef20fba647d/831137e7-6b37-498d-bdac-f334d10ef91e.png

Chat app in react where you can share images github.com/RishaanJ/briefly

https://imgutil.s3.us-east-2.amazonaws.com/2602dd93cd618d492e1093b49cde6a3127595e972920f4c68cd73adfaedea545/51000023-7344-4f4c-b039-f789fef3f9b1.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

GitHub Profile Viewer: *A React application that allows users to view detailed information about GitHub profiles, including repositories* and *starred items.* Live: git-hub-profile-viewer-five.vercel.app Repo:github.com/Mitang321/GitHub-Profile-Viewer

https://scrapbook-into-the-redwoods.s3.amazonaws.com/81a60b9c-b5d0-4517-8dd8-efc15a7059d3-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/61b7f49c-a276-4b59-9dd0-12d13e80f7ec-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/876216aa-e661-4837-8a9e-40a15861eef9-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fae7bd04-730f-4662-a46b-a033cb0307a9-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/cfc12efc-916d-48b2-8bbf-77fedddd1d31.png

I created a website that delivers jokes, allowing you to react to them or share them in your group chats to make everyone laugh out loud. It uses HTML ,JS ,Css and API (official-joke-api.appspot.com/random_joke) vercel : vercel-jokereactor-api.vercel.app git repo and commits in scraps the screenshotss hope you like it

https://scrapbook-into-the-redwoods.s3.amazonaws.com/59e42138-150c-4826-92c6-eb988e13428e-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/76825f5d-a5a7-414a-8515-712c3141db20-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8ec8b2de-7fdf-4d89-a27f-538ba1070a45-image.png

Blog Website Live: blog-website-eight-swart.vercel.app Repo: github.com/Mitang321/Blog-website *This project is a dynamic blog website built using React. The website allows users to create, view, edit, and delete blog posts. It fetches blog content from a GitHub repository, with each blog post being created as an issue in the repo.*

https://scrapbook-into-the-redwoods.s3.amazonaws.com/37ede146-80d0-4bfc-9d90-f46ee308faac-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2faa0238-a956-4d41-b17f-447fc61ce4c3-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3d45ae6e-d1fb-4098-8e48-7e23c6784c6a-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3eeb15b0-0e31-4eea-ba80-fc156762c8c8-image.png

https://imgutil.s3.us-east-2.amazonaws.com/cdaafdbd09ecd6b9e46a0df0a43f17bb98653d96928ef03b6ae2c7d9b4500432/a26ff5f0-c5ff-4188-b582-0105f8444a83.png

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

I developed a small project in node.js (api) and react (frontend), it consists of a message board, you can post your message and it will be shown on the board. 📌 This project helped me learn and practice my knowledge in PostgreSql, it was the first project that I used it with a database Github repository : github.com/jhenriquem/message-board Live project : jhenriquem.github.io/message-board

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0a923c93-a8e1-4230-8fd9-9eb8ddec27b9-print.png

https://imgutil.s3.us-east-2.amazonaws.com/1f7b8f0a443c65b4c7e8a874d3ddb870ffa2498f38a445cc7c541c04ad22c79f/5ee1fbef-7d62-4dbb-a75a-e3fee47b8ddf.png

https://imgutil.s3.us-east-2.amazonaws.com/19d21ff7cae832e7dbdf95ea11a5d72ded9568cd596c2ad7285da4106e7685fb/b12778ba-0434-4a07-abbd-4ceab76ab025.png

WIP game I made with friends during a hackathon. I'm not sure if we'll finish it, but it needs more/better levels, instructions, and polishing for sure. We didn't submit in time, but it was really fun since it was our first experience with JS, React, Phaser, Tiled, TexturePacker, and a lot of other things. The game is a platformer, but you start with really bad stats and you upgrade them by doing math questions. The goal is to collect all the coins ignitiongame.onrender.com github.com/W1llowTree/Ignition

https://imgutil.s3.us-east-2.amazonaws.com/3064a26c07f831c13902703715c3b9de8da9c99784d96d6d2cd3fe62dca433bf/69dd3a16-32f8-4edc-8fb7-384a98d8eb28.png

New Year Countdown website which counts up to the upcoming new year! Vercel :newyrcounter.vercel.app this website is made by me Uses JS Css HTML

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1382c213-16ca-4198-a130-ff3d87cb4f9d-image.png

(repost) AI-Powered, Education-Focused, Text-Based App for Gamers to Lose Weight. This is my first mobile app - built with React Native + Expo. Finally completed MVP. Demo vid: www.youtube.com/watch?v=y2y39ihcz-A Repo: github.com/li-yunshen-alec/app0

https://imgutil.s3.us-east-2.amazonaws.com/6fb73c9bf771c65b71b6b03327dfffbea0affd431b5ff34f8cb34915280fd4e8/7f317018-9768-466a-a91e-a254c89c3377.png

AI-Powered, Education-Focused, Text-Based App for Gamers to Lose Weight. This is my first mobile app - built with React Native + Expo. Finally completed MVP. Demo vid: www.youtube.com/watch?v=y2y39ihcz-A Repo: github.com/li-yunshen-alec/app0

https://imgutil.s3.us-east-2.amazonaws.com/6fb73c9bf771c65b71b6b03327dfffbea0affd431b5ff34f8cb34915280fd4e8/3ad09e76-61ba-4f43-b42c-09f02cb093ad.png

I’ve developed a React weather application that provides detailed and up-to-date weather information using the Meteosource API! The app lets you switch between light and dark themes, change units according to your region, and search for any location worldwide. You can check current weather conditions, view hourly forecasts for the next 36 hours, and get a 21-day forecast with detailed data on cloud coverage, visibility, precipitation, and wind direction. Check out the project repository on GitHub: github.com/aayanrahman/React-Weather-API-App Experience the live app here: react-weather-api-app-realjs.netlify.app

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/c49fdcea-3473-4c6e-9434-566e90c95e99.png

I made a spotify clone with HTML CSS JS REACT It is just the ui for now vercel vecel-spotify.vercel.app the github repo is in session also the commit links

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7b95f5dd-181e-48dc-a779-b86eaa891e8f-image.png

i'm currently learning react so i built this frontend for a fake company for-ducks-sake.vercel.app github.com/VeressIris/forDucksSake

https://imgutil.s3.us-east-2.amazonaws.com/6eec79a2ddfb75eb85096e89722366b3b519ad8ac35bd26bd0e3aa11d4ba2602/1b9a5e70-d0a3-4470-9e44-9ee523500164.png

github.com/Ice-Citron/TDL-app-React-Firebase/commit/032a29602dd9a26fc31e9123d6a1d960fa3ba76e

https://imgutil.s3.us-east-2.amazonaws.com/c0845dd47dfa6ea30d3753d4d636d19fbba5ba7e6b90d042b97a25b0d5de0188/dcae1e97-e9af-4af1-bd18-44433e6d3f46.png

Did the jam the type script was very complicted so it took longer then expected Allow you to change the tier column, add images, and open it github page github.com/GaoYeGithub/react-tier-list jams.hackclub.com/jam/tier-list

https://imgutil.s3.us-east-2.amazonaws.com/19feaa1120d5ac68dc6b63e5d09ee7a6d2b3355e62db97b9c5444cadeffd3a93/de9938e9-966e-4521-8cf5-c87e8605f566.png