Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🚀 [Feature] : Covert it to svelte components with the same design #1

Closed
xuelink opened this issue May 25, 2024 · 11 comments
Closed
Assignees
Labels
feature New feature or request

Comments

@xuelink
Copy link
Member

xuelink commented May 25, 2024

Is your feature request related to a problem? Please describe.
I am looking to convert a single index.html file into Svelte components while maintaining the same design. This will allow for better component management, reusability, and easier maintenance.

Describe the solution you'd like
I would like the index.html file to be broken down into individual Svelte components, with each part of the HTML being converted into a corresponding Svelte component. The resulting Svelte components should retain the same design and functionality as the original HTML file.

Describe alternatives you've considered
An alternative could be to use another JavaScript framework like React or Vue, but Svelte is preferred due to its simplicity and performance benefits.

Additional context
The index.html file contains the entire structure and styling for the current design. Converting it to Svelte components should preserve the existing layout and styles while enhancing the codebase's modularity. Screenshots or additional context can be provided if needed.

If you want speed up process of this issue, please send 🚀 as a reaction.

@xuelink xuelink added the feature New feature or request label May 25, 2024
@xuelink
Copy link
Member Author

xuelink commented May 25, 2024

@jakebogan01 , Are you interested in ?

@xuelink
Copy link
Member Author

xuelink commented May 25, 2024

Optional: If you think that tailwind css fits here well, you also can implement it here.

@jakebogan01 jakebogan01 self-assigned this May 26, 2024
@jakebogan01
Copy link

@xuelink Yeah I can see what I can do next week with this 👍

@github-project-automation github-project-automation bot moved this to Todo in Backlog May 26, 2024
@jakebogan01 jakebogan01 moved this from Todo to In Progress in Backlog May 26, 2024
@xuelink
Copy link
Member Author

xuelink commented May 26, 2024

@xuelink Yeah I can see what I can do next week with this 👍

Going to be awesome ! :) How much you can do im ok then, I can join your PR as well.
Feel free to add this website to your portfolio ;) Thanks you again @jakebogan01

@jakebogan01
Copy link

@xuelink No problem, I'll start on it tomorrow

@xuelink
Copy link
Member Author

xuelink commented May 28, 2024

Take your time @jakebogan01 😉

@jakebogan01 jakebogan01 moved this from In Progress to In Review in Backlog May 30, 2024
@jakebogan01
Copy link

@xuelink I made a PR here However, I wasn't able to finish the main titles and animation. Things like SplitText I don't have access to, in order to use it as a module

@xuelink xuelink linked a pull request May 31, 2024 that will close this issue
@Honzoraptor31415
Copy link

@xuelink I made a PR here However, I wasn't able to finish the main titles and animation. Things like SplitText I don't have access to, in order to use it as a module

So from what I understand, those modules like SplitText are just in the previous website, but we'd need a special lib for it to work with Svelte?

Or we coule also just code it all from scratch :D

@xuelink
Copy link
Member Author

xuelink commented Jun 14, 2024

@xuelink I made a PR here However, I wasn't able to finish the main titles and animation. Things like SplitText I don't have access to, in order to use it as a module

So from what I understand, those modules like SplitText are just in the previous website, but we'd need a special lib for it to work with Svelte?

Or we coule also just code it all from scratch :D

Without adding special lib, can we do as components with html and css ? if its not gonna be, i can close that issue that we can contiue with simple HTML and CSS with index.html not a big deal.

@Honzoraptor31415
Copy link

@xuelink I made a PR here However, I wasn't able to finish the main titles and animation. Things like SplitText I don't have access to, in order to use it as a module

So from what I understand, those modules like SplitText are just in the previous website, but we'd need a special lib for it to work with Svelte?
Or we coule also just code it all from scratch :D

Without adding special lib, can we do as components with html and css ? if its not gonna be, i can close that issue that we can contiue with simple HTML and CSS with index.html not a big deal.

Yeah, that actually sounds pretty good. We may look into the special libraries later, but now just get the basics working.

@xuelink
Copy link
Member Author

xuelink commented Jun 15, 2024

@xuelink I made a PR here However, I wasn't able to finish the main titles and animation. Things like SplitText I don't have access to, in order to use it as a module

So from what I understand, those modules like SplitText are just in the previous website, but we'd need a special lib for it to work with Svelte?
Or we coule also just code it all from scratch :D

Without adding special lib, can we do as components with html and css ? if its not gonna be, i can close that issue that we can contiue with simple HTML and CSS with index.html not a big deal.

Yeah, that actually sounds pretty good. We may look into the special libraries later, but now just get the basics working.

OK, When it will be in case later, we can take a look here again but for now, i am also closing this issue as well.

@xuelink xuelink closed this as completed Jun 15, 2024
@github-project-automation github-project-automation bot moved this from In Review to Done in Backlog Jun 15, 2024
@xuelink xuelink linked a pull request Jun 18, 2024 that will close this issue
@xuelink xuelink removed a link to a pull request Jun 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

3 participants