ivank / rocketsized

Search and compare heights of launch vehicles

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rocketsized

Rocketsized landscape portrait

A small hobby project to list and compare various launch vehicles against one another. I've always seen those rockets lined up side by side but its always a one-off thing, I wanted an automated tool that could do that for any combination of rockets.

Also a way to take a look at and learn elixir and phoenix, which I was unfamiliar with until now.

Project is developed with elixir and phoenix. Deployed at rocketsized.com

Developing locally

Should have a postgres database on localhost port 5432. Run docker compose to create one.

docker compose up -d

Now you can download dependencies, compile the app and run the migrations. Then you can start the local server:

mix setup
mix phx.server

Development

Chronological explanation on how this project got built. It started mostly as a hobby project to be able to generate a rockets of the world poster on the fly. Also I wanted a project to mess around with tailwind/elixir/phoenix/ecto. I knew exactly how to build it in the tech stacks I'm familiar with, but I wanted a challenge to learn something new.

Step 1. Data origins

The initial data load was from scraping wikipedia with Crawly and parsing with Floki. Though after loading everything, I had to go back and manually modify some data.

Step 2. Admin

To modify and edit new data, I considered using one of the phoenix admin generators, though after looking at kaffy and live_admin I decided I just wanted to learn how to do it from scratch and went ahead and utilized phoenix's crud generators. The admin interface ended up crude, but more than sufficient for my needs

Step 3. Authentication

I decided to got with the default phoenix security generators, even though new fancy webauthn implementations on the horizon, since this is more about learning phoenix itself. Turned out mostly adequate.

Step 3. Flop

For the frontend filter decided to use a dedicated library for filtering with query parameters - Flop. Refactored the code several times with a more custom filters -> query params implementation, because the default one from FLop seemed rather tedious.

Step 4. Rect Layout

Decided to go with svg as a render file format, so that it can be more portable to different file format. But since relative positioning is quite limited, I had to implement a graphics library to help position the various rockets correctly. Split this effort out to its own package - rect_layout

Render pipeline

Added a pipeline to create and transform graphical files, so that the svgs can be downloaded in other formats. After some testing it turned out that the SVG is quite complex and cannot be correctly displayed by cairo or rsvg packages. Would need to investigate further, but left the render pipeline so it can be used again.

Copyright

Apache License 2 - 2023 Ivan Kerin, Read the LICENSE file.

About

Search and compare heights of launch vehicles

License:Other


Languages

Language:HTML 93.4%Language:Elixir 6.4%Language:JavaScript 0.1%Language:Dockerfile 0.1%Language:CSS 0.0%Language:Shell 0.0%Language:Batchfile 0.0%