Perspective: 3D Panorama Experiences about FGLI Students

Perspective is an open source project that contains 360 Panorama stories of FGLI students, to help students carve out their own journey. Students can also add their own stories to the website as well.

Comment 1

Perspective: 3D Panorama Experiences about FGLI Students

🌟 Inspiration

We've never seen an app that provides FGLI (First-Generation, Low-Income) students with valuable experiences to carve out their career paths. That's why we created Perspective. Our goal is to inspire and educate not just FGLI students, but anyone who wants to learn from their journeys. Many students worldwide are unaware of scholarship and financial aid opportunities. We hope that by sharing more FGLI student stories, users will gain valuable insights into their passions and how to achieve their goals.

🎯 What it does

Perspective is an open-source app offering users 360° panorama experiences of FGLI students' lives. Each path features multiple interactive panoramas:

  1. School view
  2. Home view
  3. College admissions day view
  4. Work view

Users can interact with each view, clicking on hotspots to display valuable information. By completing a path, users gain insight into the FGLI student's life and learn about various aspects of the college admissions process, job experiences, and more.

🛠️ How we built it

  • Frontend: React.js
  • 3D Interaction: Three.js for interactive panorama views
  • Images: Panorama images sourced from the web

Note: This is currently a prototype without a backend.

🏋️ Challenges we ran into

  1. First-time web application development hurdles
  2. Deployment issues on GitHub Pages
  3. Implementing Three.js (steep learning curve)

🏆 Accomplishments that we're proud of

  • Learning React.js and building a website in a short time
  • Mastering Three.js for 360° panoramas
  • Creating an app that can potentially help FGLI students and others in pursuing their passions

📚 What we learned

  • Project Management: First-time team project experience
  • Collaboration: Effective use of GitHub for remote teamwork
  • Technical Skills:
    • JavaScript, HTML, CSS
    • React.js framework
    • Three.js library for 3D capabilities

🚀 What's next for Perspective

  1. Cloud Database: Migrate from local storage to Supabase for scalability
  2. Custom Domain: Move from GitHub Pages to our own domain
  3. Interactive Features: Add 3D educational mini-games in each panorama for enhanced user engagement and learning

Built With

Share this project:

Updates