frontend api connection + button colos