Skip to content

A web interface designed for Tesla or Ev screens, featuring large, tile-like blocks that provide quick access to curated links and allow users to add their own favorite links for easy browsing

License

Notifications You must be signed in to change notification settings

drslid/EvPortal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contributors Stargazers Forks Issues

⚡ EvPortal 🚗🔋

EvPortal is the ultimate web interface for Tesla screens and other electric vehicles. EvPortal enables you to quickly access your favorite services such as streaming platforms, music apps, navigation tools, and more, all through a user-friendly tile-based interface! 🎬🎵🗺️

🌐 Official Website : https://drslid.github.io/EvPortal/

HTML5 CSS3 JavaScript Telegra.ph

Join group

EvPortal Screenshot

EvPortal Ev Inerior

📖 Table of Contents

🚀 Key Features

  • 🎛️ Edit Mode: Customize your shortcuts effortlessly with edit mode—add, remove, or rearrange tiles for better accessibility, even on the go!
  • 🌐 Custom Shortcuts: Easily create and organize shortcuts to your most-used apps like Netflix, Spotify, Google Maps, and other favorite links.
  • 📲 Local Storage: Your customizations are automatically saved locally on your device, ensuring your layout is ready every time you use it—no setup required on subsequent uses.
  • 💾 Export/Import Configuration: Effortlessly share or backup your custom setup with the ability to export and import configurations.
    • 🆕 Existing Configurations: View, manage, and even delete previously created configurations directly from the interface.
    • 🆕 Full JSON Export/Import: Export and import JSON data directly to ensure your configuration can be shared or restored easily.
  • ⛶ Fullscreen Mode: Enjoy distraction-free browsing with a built-in fullscreen feature for supported devices.
  • 📅 Auto-Generated Page IDs: Automatically generates a page ID based on the creation time and date, ensuring uniqueness and easy management of multiple configurations.

📋 How to Use

  1. Activate Edit Mode: Tap the "Activate Edit Mode" button to start personalizing your layout.
  2. Add Pages: Create multiple pages for different categories like Cinema, Music, Navigation, or any use case you prefer.
  3. Add Shortcuts: Add website shortcuts to your pages—whether it's Prime Video, YouTube, or Google Maps, with just one click.
  4. Rearrange Shortcuts: Drag, drop, or use arrow buttons to reorder your shortcuts, putting your most-used apps within easier reach.
  5. Export and Share: Save your personalized configuration and share it with other users through a telegra.ph link.
  6. View Existing Configurations: Access and manage your previously saved configurations, even clearing content if needed.
  7. Fullscreen Mode: For supported Tesla browsers, activate fullscreen mode to enjoy a seamless view of your EvPortal interface.
  8. Reset to Default: Easily reset your configuration to its default state if necessary.

🎨 Optimized for

  • Tesla Models 3/Y/S/X 🚗 (designed to fit their unique touchscreen browsers)
  • Large Touchscreens 📺 (whether in your car or any other large displays)
  • Other EVs ⚡ (with a built-in web browser for easy access to the portal)

🚧 Future Enhancements

Planned features and improvements include:

🎨 Personalization

  • Dark/Light Theme: Switch between dark and light mode for improved visibility and comfort.
  • Custom Theme Colors: Allow users to choose personalized colors for their interface (e.g., seasonal themes).

🌐 Community Features

  • 📤 Shareable Configurations: Users will be able to share their custom shortcut layouts with others.
  • Community-Created Themes: Browse and apply themes created by other EvPortal users.
  • Popular Shortcut Collections: Discover curated collections of popular shortcuts recommended by the community.
  • Shortcut Rating System: Allow users to rate shortcuts, helping others identify the most useful resources quickly.

🤝 Contributing

I appreciate and encourage community contributions! If you'd like to help improve this project, here’s how you can get involved.

🚀 How You Can Contribute

  • 🐛 Report Issues: Found a bug or an issue? Open a new issue in our GitHub repository.
  • 💡 Suggest Features: Have an idea for improvement? Share it by opening an issue.
  • 🛠️ Contribute Code: Fork the repository, make changes, and submit a pull request to help enhance the project.

📌 Contribution Guide

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix :
    git checkout -b my-feature-branch
  3. Make changes and commit them with a clear message :
    git commit -am "Add my new feature"
  4. Push your branch to your forked repository :
    git push origin my-feature-branch
  5. Open a pull request to the main repository, describing your changes and why they should be merged.

👥 Contributors

EvPortal Contributors

⬆️ Back to top


EvPortal is built for convenience and customization, making it a good dashboard for your Tesla or any electric vehicle. Try it out today and make your in-car browsing experience better! 🌟

About

A web interface designed for Tesla or Ev screens, featuring large, tile-like blocks that provide quick access to curated links and allow users to add their own favorite links for easy browsing

Topics

Resources

License

Stars

Watchers

Forks