findsimilar / demo-front-end Goto Github PK

We get data from production back-end if site on production. And we get data from localhost if site on local machine in development mode.
We need a comfortable way to develop without running back-end server.

Add feature to load example text from text file.

There are some parts with duplicated code. In the examples/+page.svelte and in the all-features/+page.svelte

This code need to be removed.

https://github.com/findsimilar/demo-front-end/blob/main/src/routes/tutorial/core.js#L3 - in this line we take the IS_MOCK_RESULTS constant.

• If it is false we will fetch back-end data from localhost (127.0.0.1:8000).
• If it is true we will use mocked responses without run back-end server.

This is good, but this constant is the part of code under git. We need to get this parameter outside, for example from environment variables.

I've tried https://learn.svelte.dev/tutorial/env-static-private - this way but it hasn't worked and I don't know why.

This is the problem on mobile.
Footer is going up.

sveltejs uses component approach.
We can decompose our code on several components for better support and testing.
We can start with +simple.svelte.
Components:

• Result component
• Tutorial component
• Input component

• Add auto tests to the components in project.
• Add test coverage 100% if it's possible

• Add validation into the form. Then server returns validation errors
• Catch bad ajax responses and show user-friendly answers

• Add select input to the "tutorial" component
• Add different examples to the select input
• Reload the component then user select new example
• Load data and description

Back-end place https://github.com/findsimilar/demo here.
This is python django drf project.
To easy start we can use IS_MOCK_RESPONSE=true to work with static data.
If we need local back-end we should clone back-end project and start server locally.
It's not comfortable (especially who doesn't know python)

That's why I propose to make feature to run back-end in docker and make possibility to connect from front-end
We have open source image on docker hub: https://hub.docker.com/r/findsimilar/demo, may be we can use this image.

• with language parameter
• with count parameter
• add "next" link from one example to the next

Get example data and tutorials from back-end

Optimize bootstrap grid for mobiles