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
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.
Table of Contents
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
Installation
Prerequisites
Steps
- Clone the repository:
git clone https://github.com/Kvnbbg/Vision-Week-Virtual-Exploration.git
cd Vision-Week-Virtual-Exploration
- Run the Application:
- Alternative:
chmod +x start_app.py
./start_app.py
- Web:
flutter build web
flutter run -d web
- Web Mobile:
- Android/iOS:
flutter build apk
flutter build ios
- Desktop:
flutter build windows
flutter build macos
flutter build linux
Running the Backend
- Install PHP:
- Configure Database:
- Create a new database and user on your MySQL server.
- Update the credentials in
backend/db_config.php
.
- Start the Server:
- Navigate to the
backend
directory.
- Start the server with:
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.
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
Side Project for Fun
Check out my side project, TurboZoo:
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.