Solar
Web application for managing power generation plants. Each plant stores its installed capacity, coordinates, an image and its status, and builds up production and consumption records that the application sums up in charts and in a balance per period.
Built with Angular because it had to run entirely on the client, Tailwind CSS to keep the interface modular and maintainable, and Supabase as a Backend as a Service (BaaS), which removed the need to build and maintain a backend of my own.
It was my final project for the Web Application Development programme, and the first one I designed end to end by myself: data model, interface and deployment.
Stack
Angular · Tailwind CSS · Supabase · CSS · HTML
Screenshots (08)
Plants listed in a table, with their capacity, location and status, plus the filtering and sorting controls.
A plant's detail page, with its information and the production and consumption history.
Logging form, with production, consumption and an optional note.
Records table, with the balance of each one and the chart for the period.
Editing a plant: details, image, coordinates and status.
Map with every plant placed on its coordinates.
Plants marked as favourites.
Account screen, with the profile details and photo.