Vision Week

Overview

Vision Week is an innovative web and mobile application offering a unique virtual zoo experience through VR headsets. Explore various paths with curated video content at each point of interest, available through a monthly subscription.

Vision Week est une application web et mobile innovante offrant une expérience de zoo virtuel unique avec des casques VR. Explorez divers chemins avec du contenu vidéo à chaque point d'intérêt, accessible via un abonnement mensuel.

Presentation

• Video Presentation on YouTube
• Présentation vidéo sur YouTube

About the Project

Vision Week ran from March 1, 2024, to July 1, 2024. It seamlessly combines virtual exploration with real-world interactions, drawing inspiration from Apple Vision Pro and Meta.

Vision Week s'est déroulé du 1er mars 2024 au 1er juillet 2024, combinant une exploration virtuelle avec des interactions réelles, inspiré par Apple Vision Pro et Meta.

• Onboarding with Trello
• Intégration avec Trello
• Agile Method with Scrum, Slack, Confluence, and Jira
• Méthode Agile avec Scrum, Slack, Confluence, et Jira
• Discord Group
• Groupe Discord

Table of Contents

• Features
• Technologies
• Prototype
• Installation
• Running the Backend
• Contributing
• Future Development
• Sponsor
• Acknowledgements
• Learn More
• Contributors
• Useful Links
• Side Project for Fun

Features

• Explore by Category: Discover videos categorized by type of exploration.
• Search Functionality: Search for videos using keywords or location.
• Detailed Information: Learn more about each exploration.
• Interactive Games: Participate in engaging and educational games.
• Latest News Updates: Stay updated with the latest news.
• User Data Management: Efficiently manage user data.
• Zoo Information: Explore details about animals and their habitats.
• Access Logs: Track data access for transparency.
• Future Interactive Experience: User comments and ratings coming soon.
• Multi-language Support: Available in both French and English.
• Dark/Light Mode: Switch between dark and light themes based on user preference.

Technologies

• Frontend: Dart (Flutter)
• Backend: PHP (API development)
• Database: MySQL

Prototype

• Prototype & Wireframe on Figma

Installation

Prerequisites

• Dart and Flutter SDK: Installation Guide
• Gradle: Installation Guide
• MySQL: Installation Guide

Steps

1. Clone the repository:

   git clone https://github.com/Kvnbbg/Vision-Week-Virtual-Exploration.git
   cd Vision-Week-Virtual-Exploration

2. Run the Application:

   • Alternative:

   chmod +x start_app.py
   ./start_app.py

   • Web:

     flutter build web
     flutter run -d web

   • Web Mobile:

     flutter run -d chrome

   • Android/iOS:

     flutter build apk
     flutter build ios

   • Desktop:

     flutter build windows
     flutter build macos
     flutter build linux

Running the Backend

1. Install PHP:

   • Download and install from php.net.

2. Configure Database:

   • Create a new database and user on your MySQL server.
   • Update the credentials in backend/db_config.php.

3. Start the Server:

   • Navigate to the backend directory.
   • Start the server with:

     php -S localhost:8000

Contributing

We welcome contributions to improve this project! Feel free to fork the repository and submit pull requests with your enhancements.

Refer to our CONTRIBUTING guide for more details.

Future Development

• Video Platform Integration: Integrate with platforms like YouTube or Vimeo.
• User Interactions: Enable user comments and ratings.
• Educational Resources: Add educational resources.
• Backend Development: Develop the backend for managing videos and interactions.
• Enhanced VR Features: Improve VR experiences with more interactive elements.
• Subscription Management: Implement subscription plans and payment gateways.

Sponsor

Your sponsorship helps cover hosting, domain registration, and development tools.

Read more on SPONSORING Vision Week.

Thank you for your support!

Acknowledgements

This project was created by Kevin MARVILLE for STUDI. Many thanks to STUDI for their support.

Learn More

For more information, visit kvnbbg.fr.

Contributors

We appreciate all contributors who have helped improve this project.

Useful Links

• Discussion
• Insight

Side Project for Fun

Check out my side project, TurboZoo:

• GitHub
• Replit
• First Version Video

Deployment

Note: The application is deployed using either Back4App or Netlify for now. The final decision is pending. For production deployment, further instructions will be provided.

Deploying the Application:

• Deploy on Netlify (Static files):

  • Connect your GitHub repository to Netlify.
  • Set the build command to npm run build and the publish directory to build/.

• Deploy on Back4App (For Docker containers):

  • Follow Back4App’s documentation to deploy your Node.js application in a container.

Alternative Deployment Options:

• Vercel:
  • Easily deploy with Vercel by linking your GitHub repository and following their Node.js deployment steps.