Pixel-Perfect Laravel Blade Frontend
Budget: ₹1,500 – ₹12,500 INR
We are looking for an experienced frontend engineer to convert our Figma designs into a production-ready frontend.
Stack:
* Laravel Blade
* Tailwind CSS
* Alpine.js (only where needed)
Backend development is being handled separately.
We will provide:
* Complete Figma file
* Desktop designs (1440px)
* Mobile designs (393px)
* Fonts
* Images and assets
Requirements
* Frontend must match the Figma designs as closely as possible.
* Build reusable Blade components and reusable page templates.
* Clean, organized, maintainable code.
Responsive Requirements
The desktop and mobile Figma files are reference designs, not fixed widths.
The website must adapt correctly across all common screen sizes, including:
* Mobile phones
* Tablets
* Laptops
* Desktop monitors
* Large desktop monitors
The implementation must:
* Scale smoothly between screen sizes
* Maintain layout structure and proportions
* Maintain spacing consistency
* Maintain typography hierarchy
* Maintain image proportions
* Maintain visual consistency across devices
* Support portrait and landscape orientations
* Support different browser widths without layout issues
The implementation must NOT:
* Break layouts at any screen size
* Create horizontal scrolling
* Cause content overlap
* Cause text overflow
* Cause elements to be cut off
* Stretch or distort images
* Create inconsistent spacing between breakpoints
* Cause components to shift unexpectedly
* Create visual differences from the provided designs
Before delivery, all pages should be tested across multiple viewport widths and devices to ensure the design remains stable and consistent.
Please share:
1. Laravel Blade experience
2. Tailwind CSS experience
3. 3 examples of similar work
4. Estimated hours and timeline
Start your proposal with:
"component-first architecture"
https://www.figma.com/design/ruvhZ3PVMlLaApLj5d2I94/Ashram?node-id=635-178&p=f&t=spUJ3MxRFcTPmYZS-0
Stack:
* Laravel Blade
* Tailwind CSS
* Alpine.js (only where needed)
Backend development is being handled separately.
We will provide:
* Complete Figma file
* Desktop designs (1440px)
* Mobile designs (393px)
* Fonts
* Images and assets
Requirements
* Frontend must match the Figma designs as closely as possible.
* Build reusable Blade components and reusable page templates.
* Clean, organized, maintainable code.
Responsive Requirements
The desktop and mobile Figma files are reference designs, not fixed widths.
The website must adapt correctly across all common screen sizes, including:
* Mobile phones
* Tablets
* Laptops
* Desktop monitors
* Large desktop monitors
The implementation must:
* Scale smoothly between screen sizes
* Maintain layout structure and proportions
* Maintain spacing consistency
* Maintain typography hierarchy
* Maintain image proportions
* Maintain visual consistency across devices
* Support portrait and landscape orientations
* Support different browser widths without layout issues
The implementation must NOT:
* Break layouts at any screen size
* Create horizontal scrolling
* Cause content overlap
* Cause text overflow
* Cause elements to be cut off
* Stretch or distort images
* Create inconsistent spacing between breakpoints
* Cause components to shift unexpectedly
* Create visual differences from the provided designs
Before delivery, all pages should be tested across multiple viewport widths and devices to ensure the design remains stable and consistent.
Please share:
1. Laravel Blade experience
2. Tailwind CSS experience
3. 3 examples of similar work
4. Estimated hours and timeline
Start your proposal with:
"component-first architecture"
https://www.figma.com/design/ruvhZ3PVMlLaApLj5d2I94/Ashram?node-id=635-178&p=f&t=spUJ3MxRFcTPmYZS-0
Related categories:
PHP
JavaScript
CSS
HTML
Laravel
Frontend Development
Figma
Tailwind CSS
Website Development