aleksati / true-field-of-view

A web application for exploring the True Field of View of celestial objects based on different astronomy setups (telescopes, cameras, and eyepieces).

aleksati net

Part portfolio and part blog, a platform where I share my projects and write about music/audio tech stuff. A TypeScript Nextjs website built with React and Tailwind CSS. Includes:

• A blog powered by the MDX (markdown -> HTML) library
• An array of custom blogging components (Audio player, p5js apps, Carosell/slideshow images, Codebox, Tables, Pagination, Modal pop-up images, etc.)
• Comment sections with database integration
• Intelligent Search function
• Publication list with client-side fetching from Cristin
• Google analytics
• Theme selector
• RSS feed
• REST API
• and much more..

Page deployment status:

How to Run

For dev:

cd ROOT/DIR
npm i
npm run dev

For build:

cd ROOT/DIR
npm i
npm run build
npm run start

true-field-of-view's Issues

Add option to choose desired angular unit for the chart

Now, it automatically detects what the angular unit of the chart should be, based on the form submission. It should still do this, but a cool feature would be to enable users to switch between Degrees, Arc Minutes, and Arc Seconds post submission.

Add objects from the Messier collection

Find suitable API first

Implement node restAPI backend and database

Database for storing (try Redis):

• Planet and Messier data (updated once a day)
• User presets #12 and #4

Node server for handling get requests from users. Should also include the forecast data

Progressive image loading

Just use the component I did for my cv, and find the best way to get/set the images.

when an object is selected, display the planet info as a banner over/under the canvas

Add database for JSON files (MongoDB or alternative)

Add option to save and search camera, telescop and eyepiece presets from a database

Add "user history" feature pop up on submit

Should be piece of cake with Redux in place.

The user can click the various "history items" to return to previous states. Maybe localStorage.setItem(key, value) and localStorage.getItems(key), or another way to cache and retrieve past formdata.

https://www.youtube.com/watch?v=OqMk-mPs6Dw

Add tests

Update img location and folder structure

Given the number of images, create a py script to create the object.

Add method for users to add form data to the database (server)

Add onHover posters for form items, forecast and celestial object (only name of object, the info will display when selected; see other issue)

• For the form inputs, there should be posters that describe more in detail what the units are. F.ex "Pixel size μm²".

• For the celestial objects (messier, planets, moons), there should be a onHover poster describing their distance from earth (AU), diameter, apparent magnitude, etc.

Add caching for crowd and forecast data

For crowds, once a day is enough. For forecast, once every hour is enough.

CSS and style update

Canvas rendering does not scale well when zooming or reducing screen size

Big problem. Tried many things, will try more things.

Implement Redux