Kayleberries
KPCKevin Powell - Community
•Created by Kayleberries on 4/2/2023 in #ui-ux
Looking for feedback on look and feel of a Burger shop's website
Hey! So I've been trying to dedicate some time to actually make some effort into creating website designs. I was planning on redoing a single home-page just to get started and chose this website https://burgerlab.com.pk/ . I looked through it and made a spin on how I can improve some elements such as typography and general flow of the website.
Here's my approach to it: https://www.figma.com/file/bSD7siayQ8Naboed6xMJGA/Untitled?node-id=0%3A1&t=pcRiT8SX3dJQjZbH-1 . It includes my first approach (Left) and my current approach (Middle and Right)
Things I tried to touch on
1. Header is a slideshow which shows all the new items
2. Change the font so it reads better ( I felt that the burger description text was too small and the font choice wasn't the best)
3. Add more contrast
4. Present a "walkway" to showcase the most popular burgers in the store
5. Reworked the navbar
An additional note is that I am guilty of not aligning/sizing things as perfectly as they should be, especially in the areas of the burgers description.
I do want to spend more time on this, since I feel like the homepage doesn't show off too much of what the store is. But I was hoping I could find some errors/improvements in my approach so far that I can tend to before proceeding forward.
Thank you in advance for taking time to look through this 🙂
8 replies
KPCKevin Powell - Community
•Created by Kayleberries on 10/12/2022 in #front-end
How to work around PDFs in react so that if a table doesn't fit in a page, it moves to the next
Currently I'm working on a project where I'm converting HTML to PDF. The issue I've run into is if an element doesn't fit on a page (ex: a table) it gets cut and the remaining part of it is rendered on the next page.
I've used ReactPDF but haven't got it to work since the data I receive is entirely HTML. Currently I've combined HTML2Canvas and JsPDF but the closest i was able to get was to have a single page PDF that displays my data. But I want it to be in separate pages, with tables/images not being cut. So far I don't think there is any straightforward of getting this done and it'll require some hacks to get it to work but I haven't been able to figure it out.
If there is anyone who has worked around this issue before, I'd appreciate some insight on how to proceed with it.
1 replies