Figma Posts – Hack Club Scrapbook

Guys....i created a design for my web application and also the website of it in figma.... SOME VISUALS are linked to post. For reviewers, I have provided the figma links in txt file in commit...also providing them her as well... 1. Web app design : www.figma.com/design/YwB7Ou5LEu8V2VzJxlo8R1/hackathon-website-GUI?t=FW61BFToe121Bgrs-1 2. Website design : www.figma.com/design/aIWacz8gvFfpNdATwxuaog/Soundway?t=FW61BFToe121Bgrs-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/45e748b5-6530-44e2-a869-542b92428074-voice-activated_geospatial_mapping_interface_-_home.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/a2add01e-6138-4040-abdd-1be4f135e990-hackathon_website_gui.jpg

I fixed my friends figma design and made it into code! github.com/keremsemiz/fix-website

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/d139ae13-6b5f-4c1d-9524-87dadb068019.png

for #arcade I worked on a Figma app prototype without any experience and finished my app about green energy usage awareness. app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/C06SBHMQU8G

for #arcade I worked on a Figma app prototype without any experience and finished my app about green energy usage awareness. app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/search app.slack.com/client/T0266FRGM/C06SBHMQU8G

Spent a couple hours adding a contact page to my portfolio website, after quick figma mockup. Had a couple issues with deployment, and had to mess with github actions for some time, but finally got it redeployed. Here's the live link: gauthamv6002.github.io

https://scrapbook-into-the-redwoods.s3.amazonaws.com/de791906-bcd1-4780-9cb2-47f5197f06bd-image.png

I created a presentation using Figma Slides for a nonprofit organization where I am volunteering!! GitHub: github.com/KalvieR/PGO-Presentation

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/70f3d6e7-da64-4482-ab47-fd37bceffabb.png

I used figma to design a portfolio website: www.figma.com/design/0Rs0MkN3Aq24eHGsfKRVeZ/Portfolio?node-id=0-1&t=iwyKzZlACJP55LwJ-1 github.com/boblamceo/portfolio-design/tree/master

https://imgutil.s3.us-east-2.amazonaws.com/64df08623486b0fcd6894821f5cf7811d669a9084954dc37dd9f19e52322ccd6/bba2aee4-f532-45c0-b0f0-67c8d97559f0.png

redesigned the trailblazers robotics website for a friend's small biz! gonna work on coding it now for #arcade :figma: www.figma.com/design/zWhhTIkWU2HKsEg8DOCBoQ/trailblazer-robotics-wireframe?node-id=0-1&t=Ofku1qWSXdqrvdaX-1 ⭐ tbrrobotics.com

https://scrapbook-into-the-redwoods.s3.amazonaws.com/af9410d9-d847-4461-aac5-3df28a0de527-frame_2.png

I made a web design of our team website on figma with @MohitTiwariDev @Nikhil-U07AQ54K2DN @Abhay-U04GVEDH049 Here is the figma file: www.figma.com/design/Gf6gEgIsR7XyFIfw0kL7ko/GlintX?node-id=0-1&t=zM6wXsKR6pbG1J9I-0 A pic to show what we done

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6e5037f6-9e27-4ba1-9f95-9eb06656dd91-image.png

Learned several ukulele covers after getting my first Ukulele from a bday gift! (github) check out the christmas globe jam website I <https://christmasglobe.replit.app/|revamped >to listen to some of the covers! Also put the two longest songs on there on a <https://www.figma.com/design/59JxF1uciqJeRjfwrnZtFL/ukulele-songs-mapped-out?node-id=0-1&t=HG0nh260aawrbNTZ-0|figma >sheet for others to play them!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/4b1ff168-ded0-4930-b268-0e0bde83a026-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/d2911a33-4d51-4e6b-b75c-d7c6373e7224-347994146-113cab0d-90d3-4c10-a8e9-fc22e8228ae1.jpg

https://scrapbook-into-the-redwoods.s3.amazonaws.com/38056455-affb-4a6d-bbfc-f69e29d6451f-image.png

https://imgutil.s3.us-east-2.amazonaws.com/ccb8b29447b41ec95fb8d83a3d00b3e1e13137af7b268cff6e64948f8a992914/245c1f1b-b2ca-40f8-840b-98f813ee0fea.png

Done with my design for an art brief! Here, I describe and look at some inspirations on a design I made for a mock website! It reflects what type of art I want to start working on in the next year or so... and making this is one further step to ensure I stick to my word and not be lazy LOL Prototype link here | (github)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/ac2a0d0e-2f20-476c-b1af-787f6e0f4c34-image.png

https://imgutil.s3.us-east-2.amazonaws.com/5ab900c5a6dbe99ef7472849b166a77813fa465819ebfbc382e02c1d8d0263ae/a12a6392-e8f1-48c9-9b74-96e502d1033f.png

Since I would love some arcade merch in the shop, I decided to make some of my own! Even though I have no experience with clothing design, I made some pretty basic designs & starting points for swag designs for arcade (t-shirts, hoodies, and some hats) based on existing drawings and logos I could find. If anyone has any feedback or wants something added, lmk and I can try to make something! Github Link: github.com/pranavbehal/arcade-concept-merch Public Figma Link: www.figma.com/design/jFA3ddDjFbDGLNtftPcBLJ/Arcade-Concept-Merch?node-id=0-1&t=25KEKUzRIeH09In3-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c55976bd-0b25-497e-b47c-bedd4ce6caec-image.png

https://imgutil.s3.us-east-2.amazonaws.com/97716839f42768ec41255e5fa0b1b19a2302eb2f8ed464d2d7de3206efbcd288/545f2389-9fe1-4e92-9a61-70c0b28c38e7.png

Adjustments to The Forge Website! Still concepts for now (github) (figma)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1c83f4e0-d401-43ec-8604-50514431ac87-image.png

https://imgutil.s3.us-east-2.amazonaws.com/5ab900c5a6dbe99ef7472849b166a77813fa465819ebfbc382e02c1d8d0263ae/a3b765d4-b4ee-4ea5-bda2-7db2b6d06240.png

hey guys so i have made a design for one website please give me any feedback and if you would like to use this as a template let me know so that i can give you the figma link github repo : github.com/Sher110106/design figma preview : www.figma.com/proto/Gmsw0LbgubzzkqyacuxOrl/Untitled?node-id=18-1073&t=6b7lp[…]K3Jr7-0&scaling=scale-down&content-scaling=fixed&page-id=0%3A1

https://imgutil.s3.us-east-2.amazonaws.com/7fbf9f5a6d0a04db5ce7659c4dcbc604ac8e7b4b75eea48564db0282dafe140a/32728f13-8edb-4962-95dd-b9b668241a51.png

I've finally finished designing an ecommerce website using Figma. I've never designed so much in Figma though I enjoyed the process, from start to finish. Here is the github repo github.com/Artem4852/ecommerce. Here is the link to design as well - www.figma.com/design/Wnxa7rTFFpnrStZ1Y5aANj/ecommerce_design?node-id=0-1&t=mBCMPQ9GR2YxEkYn-1.

https://imgutil.s3.us-east-2.amazonaws.com/a6050453e27c0e7f01eb6278ae7097f6507576da8f30f42239acb39c89388e5d/dc719efe-3143-477c-968b-4a513506e383.png

I created booklove (and already posted it here->hackclub.slack.com/archives/C01504DCLVD/p1721087622301319) but I couldn’t select all of the hours because of weird behaviour of the bot, so manitej suggested I just post two scrapbooks (So essentially these are some more pages translated from Figma into SwiftUI) github.com/MoPaMo/booklove

https://imgutil.s3.us-east-2.amazonaws.com/49b9a5bd71f59fcb4551b3c1ef6d00c5a27493b9d0344dfa3fe6839aff280d08/e244513f-5a59-429a-a985-e8456e098a26.png

I transformed all of my figma code into swiftUI for my upcoming app booklove. - new books new friends Booklove will allow you to discover new books, find people who read similar books and create book lists. Because this took a hell lot of time and I didn’t want to bump into the 25h, for now there is no server functionality so you can only play with the design, different views all that. I sadly don’t have an apple license (yet), so you’ll have to clone the project onto your machine and run it through xcode github.com/MoPaMo/booklove Note: for some technical reasons, I cant submit all sessions, as not all of them are shown in the selector, so I’m submitting this in two steps (spoke with manitej)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b960b2fc-e099-472e-82b4-a8ed1a60fbe9-list.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c48066a6-fe20-42b9-b944-db6f5575d260-search.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c107a298-5e36-4f28-b41e-8b0f57f6e5f0-book.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/cb230067-78a6-46fe-9e63-8dd1ee1ef98e-user.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3c5d6dcc-9866-408f-ab26-673c09a53514-quotes.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/703cb368-9f6e-4ff5-9794-6299f96f2fb6-settings.png

https://imgutil.s3.us-east-2.amazonaws.com/49b9a5bd71f59fcb4551b3c1ef6d00c5a27493b9d0344dfa3fe6839aff280d08/57b519ce-8ef9-4097-b0fc-fd8541fde6c5.png

I transformed all of my figma code into swiftUI for my upcoming app booklove. - new books new friends Booklove will allow you to discover new books, find people who read similar books and create book lists. Because this took a hell lot of time and I didn’t want to bump into the 25h, for now there is no server functionality so you can only play with the design, different views all that. I sadly don’t have an apple license (yet), so you’ll have to clone the project onto your machine and run it through xcode github.com/MoPaMo/booklove

https://scrapbook-into-the-redwoods.s3.amazonaws.com/413820ec-b0e8-4f77-9be5-607874cf84a8-feed.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/34634208-04a3-4bc5-8458-eaccaf4d76d7-list.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/4d868498-5a78-4ad9-a0a7-4324cc9a6944-book.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0295b497-d8c6-441f-8cbb-9429c07626c4-user.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6e1b4835-c8c2-4c5e-9cb0-d5dec098cbf8-settings.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8d9cc431-5c33-4b00-a277-21dda519fea0-search.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/df0a87d3-b8a6-4bce-b3a6-a0099e5bba85-simulator_screenshot_b09a5407-7c3d-4c8b-a805-f3b59b6920e5.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b4b8301e-ee1e-4153-968b-1897c446e0af-quotes.png

https://imgutil.s3.us-east-2.amazonaws.com/49b9a5bd71f59fcb4551b3c1ef6d00c5a27493b9d0344dfa3fe6839aff280d08/11a24458-2cbc-490a-9911-6404a1ead079.png

Commit, The backend is working correctly, maybe I need to do some minor tweeks later, but now i can work on the frontend, and implementing the figma design

https://imgutil.s3.us-east-2.amazonaws.com/a7d5d1a5f219899aae41c647b493efa6755a3f82100d816c7f61c1ebcd34c9c8/1feb28c0-4f34-4f2b-a5a5-7f5d2be5b276.png

oke ig the website is now complete the only thing that remains is the data and the photos and images i need to collect for the website's content other than that here is the figma link for anyone who wants to check the design www.figma.com/design/8NnSHgUPk5oDZLyrKiV3Tu/Gharbiya-STEM-School-Website?node-id=0-1&t=xoIxJjwTw5bva0I1-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/9fa1b95d-3a90-48e7-a021-86585e4e9b53-image.png

Alien invasion arcade game using pygame! for this project i made custom sprites (alien ships and the player's ship in figma) here's a video game demo repository: gitlab link features: • ships left indicator on top left • level indicator • score • highscore • current score • -1 ship life when ship hits alien • score increase on each bullet hit • maximum bullets of 3 • game becomes faster after each level

https://imgutil.s3.us-east-2.amazonaws.com/9dc2a8d9b3dfdde6547bf7fafd9011cd28a43bb80f5a66b97a7fdf5dc501ee7b/d6d1f124-68b9-4527-8a0f-be464de8664a.png

Ok so basically I'm a beginner in Figma and I wanted to try to make a design system. I think I did pretty well considering my level of knowledge. It's not really organized right now but I made it. I hope to actually make something with these later in the feature once I get much better. Overall, I definitely learned a lot. It also took me much more time then it should have.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/a36552fa-e1ec-415a-97ba-4690013e1edb-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3ee376a8-798e-4e6a-84f3-87ab528b16d0-image.png

I created figma-booklove, a Figma design rendering for my upcoming app booklove GitHub: github.com/MoPaMo/figma-booklove/tree/main Figma Live preview: www.figma.com/proto/qyQTBy5XGUAxdEM9Sh8sZg/booklove?node-id=1-2829&t=tUZaEN8OxS4ZbPcN-1 (I followed the guidelines from this thread for the scraps)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c6d9e919-ba47-4167-b3a6-1e2d18647b22-reels.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f38d5157-87ae-4992-b060-519d060f4274-welcome.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0ff01acb-7c5b-44fe-b5eb-daaf4eda7e17-user.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f2d111ce-ed5e-4de3-a21d-162075ec6c5c-book.png

https://imgutil.s3.us-east-2.amazonaws.com/705aedb9b4a22921d11a06b598c5cacd2c0fddd345d5e64078a6e0f5392a5c9f/c3901f74-8421-4884-90dc-6d1cb4ae0cac.png

I Added New Illustrations and Color Pallette with A New Theme to Figma art and flash screen for Flappy Bird Game Which i am making in Godot..... GitHub: github.com/CoderFleet/FlarpyBird-HackClub (New Commits)

https://imgutil.s3.us-east-2.amazonaws.com/793a343f7f6550a324b7d3a985c1e3f19a0fe38bb96c898bb30bc3339dd822f2/4817c066-4779-431a-b6a0-72b9277f7efb.png

#scrapbook I Made Landing/Opening Screen Design For my upcoming Simple Remixed Flappy Bird Game in Figma.... I included My Color Pallette for You guys too Github: github.com/CoderFleet/FlarpyBird-HackClub I will be making This game in some game engine Figma: www.figma.com/design/KFYqc3c89UkN6DUa0vjUDW/DesiFlappyBirdHomeScreen?node-id=1-2&t=OGRT4bUr6AMURQEk-0

https://scrapbook-into-the-redwoods.s3.amazonaws.com/16872d2e-1a83-4649-8f45-579ba22d2df2-palette.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/543117f9-e056-4320-8213-76d52e88f71c-image__1_.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3a0badd4-deeb-4669-a4c9-14e7b446468f-desktop_-_1__1_.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b601b862-ad48-4b86-96e9-1cc05e770bd8-birdie.png

https://imgutil.s3.us-east-2.amazonaws.com/793a343f7f6550a324b7d3a985c1e3f19a0fe38bb96c898bb30bc3339dd822f2/ab77747d-176b-499e-94c3-0847604da26f.png

Made a little prototype for my books website Figma: www.figma.com/proto/bf41hAw7tmKqtjUMy4gBQJ/Ryan's-Books-Mobile?node-id=0-1&t=FMyUoUU6fwr8pqdv-1 GitHub: github.com/yourcrocdev/projects/tree/main/Rbooks%20mobile%20app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/39baa9da-dec3-4d2a-86a9-95094af17125-image.png

https://imgutil.s3.us-east-2.amazonaws.com/4b370bdb0d7c4741e38685f1eeceac5e4d4ba9598d7a344c044da9c4937ba61c/b8369537-4472-4990-8c68-ac9a7e9d8f59.png

Today I noticed that the Figma page on Toolbox lacked a lot of detail as to how to redeem the offer. I decided to add further instructions to bring the steps up to the same standard that Figma currently uses. Pull Request

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c7a1d9b9-cf03-44b8-8ded-67644af25b5b-image.png

https://imgutil.s3.us-east-2.amazonaws.com/77124e118317b2f4ec2f57e0dd43741d772d1ca16b07020ead80ccb10f3b9ca7/3e39db14-2c61-4579-90e0-9e9c76dc9146.png

finished all the Figma files github.com/Sidak08/RsvpSysNext

https://scrapbook-into-the-redwoods.s3.amazonaws.com/bdd4c98c-ebe3-4215-94ef-c3efe172a074-screen_shot_2024-07-07_at_11.11.54_pm.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f44daa0e-052b-45b3-877d-e1c4e981af8a-screen_shot_2024-07-07_at_11.11.31_pm.png

https://imgutil.s3.us-east-2.amazonaws.com/44c8ccc4abfae6e042e8246198bcbbed659bf26fc62667e5d168e9c86c8ec0d8/768f7350-7dbe-40d7-98a8-a8ca7b5676a5.png

Designing a Website for my high school is going good so far, using figma, i went through some popular schools and universities' websites to kinda get the hang of what to put in the website and whatsoever

https://scrapbook-into-the-redwoods.s3.amazonaws.com/13a07ba6-14b7-439d-8aca-13f0022f3fa3-image.png

#arcade Completed the Home page design for Project Management Tool. I first created a figma design and than implemented it using react. Figma: www.figma.com/design/aUjoY2uRcxJGTTThCsyUiQ/Home-Screen?node-id=204-4&t=RHb7vPE0VJTMBkpP-0 Github: github.com/BloggingKIng/Project-Management-Tool

https://imgutil.s3.us-east-2.amazonaws.com/1b4041c7842002028ff6a3680b3063e2325d699cb19e3bfd84593ac37a437713/7e7a77a4-2fa1-47ec-a748-5a21272b8114.png

made a simple UI for an app I called SIMFC25. Its something i came up with last year but couldn't finish but here is a mock up of it mockup: www.figma.com/design/4dlzcAtHbgn5OgqrVv0qW2/Untitled?node-id=0-1&t=1qMttCg68IxRhcch-1 original: github.com/contyadvait/simFC (please bank based on figma, not the github)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/cc281322-1173-49aa-b967-d84dbd6b1f88-screenshot_2024-07-06_at_8.34.22___am.png

https://imgutil.s3.us-east-2.amazonaws.com/eef3134b3f1ad96d703c7a686c0111388a95712f8325480baf57a74feabc7186/b34818e3-e3b4-49e8-a0e9-9d60c06b50b8.png

Learned Figma and recreated Dermalyze pages with desired results: github.com/cyberneel/Dermalyze-Figma/commit/8d8bc480f67a31a56d0fa84d32406baf335f9777

https://scrapbook-into-the-redwoods.s3.amazonaws.com/991437e7-e17a-4fdd-9a01-a01985f103cc-image_from_ios.jpg

https://imgutil.s3.us-east-2.amazonaws.com/0aae52dc30c643b0d4eecb494bb6e8305043cd87493ee2afe12eb2ab6417003e/0abdc009-0855-4422-b401-2fc5959dfdf7.png

I needed some ideas for a project, and the idea generator on the Arcade home page suggested I make "a random virtual pet that changes colors and shapes every time you feed it." This seemed simple enough for a quick, goofy project that could just run in a browser. I decided to make some quick shapes in Figma for a simplistic 2D "pet." But the question was: how do you feed the pet? Since this was made as part of Hack Club, and since us hackers use Ctrl+C/Ctrl+V so frequently, I thought it made sense to feed the pet from your clipboard. A little "bubble" appears to show what's currently on your clipboard, and then you can press Ctrl/Cmd + V to feed all the text from your clipboard to your pet. Per the initial suggestion, it changes shape/color as you feed it from your clipboard. Is it useful? No, not really. But Orpheus told me to make it, and so I made it :ultrafastparrot:

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b4728a29-e755-407d-baae-4965f819a3bd-clipboard-eater-pic.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/a8b75cdc-5dc0-4633-b035-e529ff535728.png

New updates for my mobile app. I've coded a server to manage translations easily and make the app fetch them from there. I've also designed a landing page in figma and now my friend will develop it github.com/SaundApp/TranslationServer github.com/SaundApp/Web

https://imgutil.s3.us-east-2.amazonaws.com/881afe86bab3c5e2392b7bbe7e80a3bb809bcc643e07fc357bb56a90016eb09a/90d16529-55be-430d-8091-23d96ef4eb57.png

My first figma project! I learned so much about figma from this jam, never thought I would like it but now i'm willing to try figma more. (github)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/62694c9f-aff8-4925-9544-379e4564c495-image.png

https://imgutil.s3.us-east-2.amazonaws.com/810c341b341deb77fa3f98064296b3b297dc344c93d7856108557a5a0e898bc3/425a6b57-b4f0-4b89-b94c-a8cf33009a53.png

i designed my personal website on framer (similar to figma, i'd classify it as art), which can be found at github.com/kaustubhduddala/personalwebsite/tree/main and kaustubhduddala.github.io/personalwebsite feel free to take inspiration or just copy my designs, i'm just mainly experimenting with website design for now. any feedback on the looks of the site or its usability would be appreciated!!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c52cb4f2-f9b1-4631-9966-38c403d7a620-image.png

https://imgutil.s3.us-east-2.amazonaws.com/badda379a407444381f9b76da79640d5259e6f9451ce95d536152074af74ab3f/fb623430-cd59-4aa2-a030-84d37eb6e5c0.png

So today I thought it would be an idea to make a social app for small smartphones (simple, easy to use). So here it is (did this in an hour). Links: Commit: github.com/yourcrocdev/projects/commit/dc85030863c105c63e237848818b416c1355ee7d Repo: github.com/yourcrocdev/projects/tree/main/Trinko%20Social%20App Figma: www.figma.com/proto/rjvUKp4HPJBdK3pvYNoe31/Trinko?node-id=0-1&t=GaJDLsy5aFu4xvwH-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/60c95f4f-e09f-49bb-b555-1dda11039cf6-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d1317d23eb062f03cbac3890e33ec2405af4ce66efd24a3839d6469afaad5ff4/00d53d34-c95e-4572-9dae-114a0c0620d5.png

mock up for app called chargehub: www.figma.com/design/HKcrdYHuh54CwMpRBiZq9B/ChargeHub?node-id=0-1&t=OZuCS2tivHqw2Gwk-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8c733bab-b88d-4aaf-b03b-884be3bb9046-screenshot_2024-07-01_at_3.32.04___pm.png

Second figma project, this one a dog walking app. It's a prototype (I love designing stuff). I've literally just realised you can't see the text on part of the front page (oops) Repo: github.com/yourcrocdev/projects/tree/main/Waggo%20App Figma: www.figma.com/proto/SJ1vjEi9lszM3GoxuakEO1/Waggo-Prototype?node-id=0-1&t=CLkExCNPvcmq3BKl-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/cff27193-ab81-4953-8e51-7e71b47ec39c-image.png

https://imgutil.s3.us-east-2.amazonaws.com/4b370bdb0d7c4741e38685f1eeceac5e4d4ba9598d7a344c044da9c4937ba61c/cb96cc43-33b3-4d29-a08d-429b6f186ac3.png

Made an interactive mockup for #purplebubble's app with @hex4! super fun project that made me realize why people like figma www.figma.com/design/1chELtLjmpVUNG4FjBWoHE/PurpleBubble?node-id=0-1&t=AS4Sar8JFq2uOW9q-0

https://scrapbook-into-the-redwoods.s3.amazonaws.com/29b60f70-16cd-42d6-924e-1b7fd13d3a2c-image.png

I've finished my prototype of a tasks app on Figma. I was orginally going to code it but decided to just finish designing it. I found myself changing the layout quite a lot, as I didn't like it at first. Repo: github.com/yourcrocdev/projects/tree/main/Taskify%20App Figma Prototype Link: www.figma.com/proto/R9zLMuWUe34J2C983AydvI/Taskify-Project?node-id=0-1&t=kL1n5eISYCSPhvCi-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/d139d5de-f466-44c9-a29f-8bcb0a43dffb-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/09452dd6-4d52-418d-bafd-d43c97d48907.png

Figma added slide decks?! , also I missed figma config this year since Im in leangap , a summer program for teen entrepruenrs lol

https://scrapbook-into-the-redwoods.s3.amazonaws.com/487b55d0-cb3b-4f89-a71a-ff0fbdb60478-screenshot_2024-06-30_at_9.59.06___am.png

First Arcade ship! 👾 I spent 2 hours making new Figma graphics for all the programs we run at bcydc.ca! Once I was done with that, I added them to the homepage of our website and created dedicated responsive pages for each program 😋 Our website has barely had any information until now so I'm glad it has some meaningful content 🚀

https://imgutil.s3.us-east-2.amazonaws.com/edc8a2033ff3d6c5c7cac6e409a684319f16f4abfeb93d7917a4252b795b3439/23223218-24ce-4ca2-a331-b6c9fee191c6.png

I wanted to create an app for peoplesense.ai, they have train occupancy sensors, and I thought it would be cool if I adapted it for my local train system, ACERail, and made a neat little app for occupancy reporting. Link to Figma: view

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fa4de897-bab9-4a2c-861c-ad9ff0f56360-image.png

www.figma.com/design/Il9GfAVZEe1NhFKY5nDlPj/Untitled?node-id=0-1&t=TztNFJnx5ZHnkdCn-1 Bad at ui and ux thats why i dont like front end

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2a7171b0-bbc3-4412-a65e-8562c3c42288-untitled.png

www.figma.com/board/H4SGeuaGl1wABKRkXaXAQt/Untitled?node-id=0-1&t=TztNFJnx5ZHnkdCn-1 Plannning to develop a website. Roadmap may update it when required. #arcade

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fda865dc-ae14-472e-a170-c941ba1f1822-roadmap.png

Hello , I built Random jokes generator which using HTML , CSS and Javascript . I use API to get random jokes . Figma design link is also attached in github directory along with source code of project here : github.com/Dnyaneshpise/WebDevPracticum/tree/main/random-jokes-generator Go checkout and try this random jokes generator : dnyaneshpise.github.io/WebDevPracticum/random-jokes-generator

https://scrapbook-into-the-redwoods.s3.amazonaws.com/aac4bebf-98eb-4f2d-9b4b-1fcc60df93c6-image.png

https://imgutil.s3.us-east-2.amazonaws.com/f5e808ec44c5e199470f44c857a9a3193ca5b8d6f473d3721a8c18671c1e4a3d/2796f28b-617a-40c4-b4a1-0bd588caaf49.png

I ve made Ui for Smart School bus tracking app www.figma.com/design/j6UaVeC9a6xaUBYLqvxP3N/School-Bus?node-id=5-10&t=a5lpA6nEs5FXeCC5-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/60b85b7b-813d-4f3f-9924-6b1127fc35ae-image.png