Please sign in to access this page
//public:canvas Used AI
This project will result in a website that offers ppl to draw together on a public canvas (like r/place).
Tech used:
- Angular with Tailwind css
- Django
- PostgreSQL
Disclaimer: This my first Django project. I also have never programmed an API. I only know Python and how an API basically works , thus my progress may seem a bit slow, but learning all these new concepts takes time.
Followers
kzlpndx
Check their projects out: HsConnect (TBD), ne0pi, The game, GameCube
Hannes Leonhartsberger
Check their projects out: Vexillum, Google Ai Eradicator, Psychisches Kriegsgerät, Photoshop Wakatime Plugin
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Added websocket functionality. Now the frontend sends messages live to the backend, while the backend sends out updates to all users.
Canvas element added. API is now initially called to retrieve current Canvas state. Site also waits for API call to finish, before that a text is shown. Next step is to implement the websocket feature to also send the inputs to the db. I am also not currently able to draw lines, the drawn pixels are apart from each other.
looked for some fonts, icons and tried to import the downloaded font into tailwind. couldnt figure it out.
fucking hate browser caching. Tried solving an issue with nginx that was already fixed probably half an hour ago. switched to angular btw.
finished websocket support. Created svelte project and nginx config. Got it to forward me to the api trough nginx. Learned much about Svelte (first time use)
kind of started the websocket support. But I learned what WSGI and ASGI means. For the websocket support, I implemented a consumer on the server side and I installed the channels app for Django. I also finally found out what Redis does in this whole system and set a password for it.
Learned how to create Django Apps, how Models work and what they are. I also created some test apps and models, but I deleted them in the end. Then I created a model for the canvas table and the first API endpoint that returns the current canvas state.
