/Project-TESE

Taking inspiration from the Tesla Commercial Megapack ordering tool, this application expands on that vision to enable users to visualize equipment specifications for their industrial sites

Primary LanguageTypeScript

Build and deploy to Azure codecov

LinkedIn


Energy Industrial Site Visualization

Taking inspiration from the Tesla Commercial Megapack ordering tool, this application expands on that vision to enable users to visualize equipment specifications for their industrial sites

View Demo

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage

About The Project

drawing

Aligning with Tesla's Master Plan Part 3, this product will streamline users' ability to purchase different products under Tesla Commercial Energy line of business. Allowing customers to seamlessly understand their space requirements, cost, and subsequent site capacity will continue to reduce friction for customers and lead to better user experiences and outcomes.

Core Goals

  • Leverage new global state management into application (Zustand)
  • Learn/implement simple D3 2D visualization
  • Learn/implement simple Three.js 3D visualization
  • Bootstrap repo with opinions for TS, ESLint, CI/CD, testing, framework for future projects
  • Have fun with algorithms!
  • Bonus: speedrun without compromising on UX

(back to top)

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

(back to top)

Getting Started

No fuss, no muss. Run npm install && npm run dev to run this application locally.

Prerequisites

  • Node 18 or 20
  • npm 
    npm install npm@latest -g

(back to top)

Usage

image

(back to top)