Skip to content

M3GA-MAK3R/Prototype

Repository files navigation

Class CODE: W75SP7H2 https://s3.amazonaws.com/KA-share/ClassCodes/ClassCodes-EN.pdf

Web Crafting Classes

Computer programming - JavaScript and the web AI for education Growth mindset

Internet safety https://www.vulnhub.com/lab/

Financial Literacy Social media literacy Entrepreneurship Economics & Personal Finance (VA) Hands-on science activities Khanmigo for educators

A professional waitlist landing page for a startup that captures and stores potential user information while showcasing the company's value proposition.

Core Features:

UI/Style:

  • Corporate-focused design with strong emphasis on trust signals
  • Strategic whitespace and structured information hierarchy
  • Bold typography paired with subtle micro-interactions for form elements

Hopefully this gets it to work with replit. Replit CODESPACE: replit.com/@StephenBrown/Prototype

https://sandstorm.io/news/2016-02-05-app-author-publicity-oasis https://docs.sandstorm.io/en/latest/install/#option-6-using-sandstorm-within-docker

https://www.twingate.com/docs/saas-app-gating


http://canopy.link/dz/launch_ec2_instance.html ### Im REACHING w/ this link, but it could be insightful to TWINGATE set-up. ###

Hopefully this gets it to work with replit. Replit CODESPACE: replit.com/@StephenBrown/Prototype

https://sandstorm.io/news/2016-02-05-app-author-publicity-oasis https://docs.sandstorm.io/en/latest/install/#option-6-using-sandstorm-within-docker

https://www.twingate.com/docs/saas-app-gating https://stephen369.twingate.com/networks/overview https://github.com/marketplace/actions/connect-to-twingate https://www.twingate.com/docs/ip-based-access-use-case http://canopy.link/dz/launch_ec2_instance.html ### Im REACHING w/ this link, but it could be insightful to TWINGATE set-up. ###


http://mainsailos.local # 3D-printing stuff #

https://docs-os.mainsail.xyz/getting-started/first-boot#mainsail-specific-klipper-config

https://www.twingate.com/docs/homelab-personal-use-case ### For the HQ Camz

https://www.twingate.com/blog/raspberry-pi-home-assistant?_gl=1*1h9tn4*_gcl_au*MTg2MDM5OTQ5MS4xNzMyOTM5ODQ0*_ga*MTYzOTQwOTYyLjE3MzI5Mzk4NDU.*_ga_NRCH9G3ZB3*MTczMjkzOTg0NS4xLjEuMTczMjk0Mzg2Ni4wLjAuNTMzOTYyMzAx*_fplc*UyUyRnpBMkV2eWduakFSWUtzVkRYUVdQVUREOTlvMVNkUmglMkZVcGo1aHpmbUVyd29Zc3hNT05NenNUaTJhU2ZqQzVJVmRsMDRSJTJCMDZrRmVZcXVHWXJTakFtZjJBJTJGSzJIQmVOUyUyRmNQb1hOSW1EeTV5Z2Q4aTJhTmpFNVpwb1VDUSUzRCUzRA.

https://www.twingate.com/blog/it-support-for-parents ######### https://www.twingate.com/blog/slcgp-guide ############


https://nodeschool.io/ https://www.1point3acres.com/en (CODE Questions)

Two weeks. Perfectly structured. Build a real prototype. 14 Day Plan

Session 1 Kickoff (90 minutes) Introduction to the program – get acquainted with the design process, Figma, and helpful resources. Learn about the mobile and web app design process.

Session 2 Wireframing & User Experience (1 hour) Learn more Figma fundamentals and begin building the framework for your prototype. Convert your user journey into a basic wireframe. Learn frames, shapes, grids, buttons, components, and more.

Session 3 Prototype I — Components (1 hour) Refine the wireframe and begin transforming your idea into a low-fidelity prototype. Understand material design component best practices and implementation. Introduction to the concept of responsive design in prototyping.

Session 4 Prototype I — User Interface (1 hour) Add UI design elements, such as color solutions and typography, to create a consistent brand experience across your prototype.

Session 5 Prototype II — Making it Work (1 hour) Refine the prototype look and feel. Learn how to add interactions to make your prototype usable, and presentable as a minimum viable product. Learn frame transitions, overlay transitions, overflow behavior, and more.

Session 6 Demo Day (90 minutes) Share your final project with the community! Each cohort member will present their prototype to the group, walking us through their product pitch.