React Posts – Hack Club Scrapbook

Posts tagged with :react:

Developer Dating App Progress: So far I have been able to make the backend in express.js, along with Socket.io for the chat functionality. As of right now we are using passport to authenticate users with GitHub, and storing it to an MySQL database, along with for message history. For the pages we have a home page, a dashboard witch will be changed into a settings page on the profile page. The profile page is dynamic and works with any profile. Along with the search page witch currently has sliders but will soon be adjusted to work with location when we switch to mobile app functionality later. The current template frontend is in EJS as of right now, and we will keep it that way as for a web application for the beta, but I have plans to switch to React Native later. In the end unsure how to proceed. If you have any questions please make a thread.

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/2d68d28b-1bc0-4a9d-9f57-b83a2d011cfb-3232.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/a8f947a1-4a60-4db2-a738-cad809c34e24-fdfd.png

Working on a responsive website about the Rubik's Cube to practice React and Bootstrap. Today I made the main page and it's completely responsive. Didn't even use AI.

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/5dcf3812-f5c2-4257-827a-6ded468dc153-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/9e65631f-f8a5-4ee8-94c3-1aaff845e2f7-image.png

Been working on a React Native Android app that can share my location to a server so that I can store my location for use in some projects. Eduroam has been a pain today, but I've finally got something that fetches my location in the foreground! Now to make a server, send it to the server and add background tasks. Sounds simple enough...

Today I had a small mistake in advent of code and got stuck. My code is always for some reason spaghetti. Continued working on my test app and added some teams separation. Thinking of a rewrite in react/deno but also I'm quite commited at this point to django github.com/DaalbuCZ/Hermes

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/61a49b5a-a8fe-43d5-8f59-0628df5a25a3.png

just fixed a BUNCH of dependency conflicts with three.js and react, and finally got to this stage -

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/6d3f8696-579c-42e4-9d37-981f5c2c7e32-image.png

Comp Sci Compass (Day 1) Today I got a mock version of the backend using express.js, along with a simple SQLite database. I started working on the front end using React. I was thinking of a terminal style design for navigating the page to have the application stand out some more. Thinking of switching to a database like Firebase, even though it is a no SQL database, it is built for Node.js/JavaScript and using JSON. I am thinking about it but I feel like I will stick with an SQL based database as I am storing a lot of reviews and more, along with courses connected to colleges/high schools. Here is a preview of the front end, the backend and database are mostly made. yes the console is working, to lazy to post a gif

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/bb49c994-2d93-4a0f-8d05-b6ac6b3c2c07-2024-12-02_10_41_57-.png

integrated react into the frontend... formatting doesnt work but at least the site loads...

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/0b4900ef-ba15-4ad0-be9c-073faad51594-image.png

I hate the Rust borrow checker sometimes... Especially when writing websites in a React-like framework (Yew.rs) Today I also learned a lot about OpenID Connect, which will be useful in a project soon Shipping my personal website probably tomorrow or the day after!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/fbc28a72-d162-4949-b47f-38ebb3dc1d27-image.png

created one of my first react apps today!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/5d31bae8-56ce-4ad7-b7ae-db409ecdd64a-image.png

I am working on a POS/ERC system that lets you manage your business by organizing transactions, tracking inventory, and generating bills, all in one place. It simplifies daily operations, enhances productivity, and gives you real-time insights to make better decisions. So far I have made a basic prototype in React and Appwrite(basically firebase but open-source)(1). Today I decided the key features that I should add(2) and started designing the UI(3). Current UI is a pain in the eyes. It needs to be something elegant and aesthetic. As I would need to because I would gift it to my dad who owns a spare parts business for 20 years now and does everything manually(he has employees though but manages the finances and stuff on notebooks which is a big pain). It would help him alot!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/4c38f290-2fd3-4d17-8f08-4b90237c2f20-dl.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/f0bfdfaa-8f68-4f9c-b355-e448ef94b66f-screencapture-localhost-5173-react-based-pos-system-2024-11-10-22_56_34_1.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/d336bc3f-9e7a-48a7-bd24-1590f9ce79d8-image.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/a478b975-25c5-4c69-aec2-ffabc6d9bad4.png

I worked on a math solver with React (powered by Gemini API). I have finished the AI prompting, but I still need to improve the UI and fix client / server component interactions.

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/7d99e304-b264-44b9-830d-034027e2d1d1-image.png

added functionality for users to lock collections and reset passwords if needed. built with typescript, react native, and argon 2 for encryption app name: Dysperse

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/acf6d221-1305-4aca-9e83-0c977e1877fc-screenshot_20241126-001934.jpg

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/0c7afb5d-afd6-46b5-bcbd-3d0cdfa16a34-screenshot_20241126-001923.jpg

https://imgutil.s3.us-east-2.amazonaws.com/82b6eb21baffbc08527e6be973676a0a23744b7642cc4c2ff634b35a95bcab0e/4a1e954f-ec2f-4aec-8536-daab303c0d5a.png

With High Seas kicking off, I thought starting a scrapbook would be cool! I've been brainstorming project ideas, and one that’s stuck with me is building something like ChatGPT—but for schools. The idea is to make a tool packed with features for teachers and students, helping schools adapt to AI and teach it in a way that keeps everyone up to speed. I haven't settled on a name yet, but I'm currently considering something like "Brainwave". I am planning to build Brainwave using React/Next.js, OpenAI API, Shadcn/ui, and Supabase! :supabase: :vercel: :openai: :react: Spent a few hours today recreating the ChatGPT UI as a starting point. The concept should become clearer as it develops, but I’m excited to see where it goes from here!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/a5fa3a07-e7e0-4e2b-9b0e-1390258e9263-image.png

lol i lost my streak (fr this time) last night for some reason but ngl im not too bothered by that :) ive been thinking alot about what i wanna do with what i code bc alot of what ive been workinf on doesnt rlly have much of a purpose (im sorry rizzlergpt), its just code that does stuff. so my goal with high seas is to make projects that can be useful for other people while also learning new things. anyways enough of me yapping (on scrapbook of all places :heavysob:) today: i started off with working on a pomodoro timer (this is gonna be my first complete react project lol). i wanna have features that can make it better for programmers :) so i think im gonna work and complete this for the next 2 weeks and see how it goes :) i also started working on a list of other stuff id wanna make that have the same kinda goal. i also started learning some pixel art since for my pomodoro timer i wanna add some orpheus art there

https://imgutil.s3.us-east-2.amazonaws.com/9edfe7b29b2dd7399ef398c6f1b570053f8265d032d10680af884c309a3ef82e/db9cf68a-86b5-4cc8-83a8-e77a7f84a9f6.png

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

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