Skip to content

Front End Plan Progress

Jump to bottom
Mya Schroder edited this page Jan 3, 2023 · 3 revisions

Front End Plan/Progress

Website Link: https://uaa-robo.github.io/UAA-Robotics-Website/

Pages:

About/Homepage

  • Title + background video/pic
  • Missions statement + meeting time/location
  • Meeting Friday at 5pm in the UAA Engineering and Industry Building
  • Stats
  • Possibly quotes from students
  • Possibly Covid bounce back story (see sponsorship proposal)
  • Link to sign up for a newsletter? Maybe this should be the footer of every page? https://forms.gle/CSddmVxwkmAn1Cgy8

Portfolio/Projects VEX

  • About blurb + imbed video (fix video dimensions)

  • Timeline with progress/competition

  • Robot Design

    • Blurb
    • Photos of CAD, robot, etc (with captions)
    • Skills Learned (in same format as stats) -CAD, maching, 3D printing, assembly, wiring

  • Programming

    • Blurb
    • Possibly code snippet (with cool typewriter animation?)
    • Skills Learned (in same format as stats) -C++, API, graph theory?

  • Project Management

    • Blurb about task structure/leads + documentation
    • Imbed MEET OUR TEAM LEADS | Road to VEX U Worlds
    • Pictures (maybe round ones with lead heads)
    • Possibly code snippet (with cool typewriter animation?)
    • Skills Learned (in same format as stats) -organization, communication, presentation, team work, self starting, etc

Club Website

  • Blurb (about plan?) + skills learned-Tailwind, HTLML, CSS
  • More after we start backend

Outreach (2021-2022)

  • About us Blurb + contact email if people want us to show up at event (with embedded community video once we get it)
  • Cards (or other format) with picture of event and text about event
    • STEM day
    • Partnership with SWE for Soldering STEM Skill Sessions (provided instructors/supplies)
    • Partnership with SWE for 3D Printing STEM Skill Sessions (provided instructors/supplies)
    • Haunted Halloween Night
    • UAA Getaway
  • Blurb about High School FRC w/ pictures

Funding

  • Right small side bar: Current sponsors (logos of companies)
  • Left Side:
    • Goal breakdown + possible chart/thermometer to show how much we’ve raised so far
      • $ needed for each competition
      • $ needed for supplies (should we include it?)
    • Cards with picture of events/grants that have funded us so far and text about event/grant
      • REC Grant
      • Club Council
      • UAA Special Projects Fund
      • 2 bake sales
      • Water polo
      • Haunted halloween night
    • How to fund us (see sponsorship proposal) -Make sure to say to EMAIL us

Other things:

  • banner with upcoming event
  • Fix navbar in small screen (mobile) so there is a hamburger icon that extends the navigation options when clicked

Inspo

https://charettecosmetics.com/ https://garfieldrobotics.com/ https://team3482.com/ https://vanntile.com/#section-tech https://harvardrobotics.com/ https://www.columbiaroboticsclub.com/

Resources

Tailwind templates: https://www.tailwindtoolbox.com/ Icons: https://heroicons.com/ Svg logos: https://iconmonstr.com/youtube-6-svg/

Impeding loop video: https://codepen.io/cuonoj/pen/JjPmMaB

https://dev.to/dailydevtips1/tailwind-css-full-screen-video-header-55397/ Bar/banner with Video: https://daily-dev-tips.com/posts/responsive-header-in-tailwind-css/ Navigation: https://v1.tailwindcss.com/components/navigation#

Tailwind Notes

flex items-center: center vertically flex justify-center: center horizontally

Clone this wiki locally