Frontend Developer (HTML, CSS, JavaScript, Twig) – Remote

🧩 Frontend Developer (HTML, CSS, JavaScript, Twig) – Remote

Company: BeastScan
Location: Remote (preferably within European time zones)
Type: Freelance / Part-time / Full-time (open to discussion)

🌍 About Us

BeastScan is a smart QR-based platform that lets users create dynamic QR codes that link to websites, payment portals, lead generators, business cards, and more. We’re a small, experienced team with a strong technical foundation and a passion for practical, beautifully executed digital products.

We’re currently building a suite of small but powerful web applications, including booking plugins, newsletter signup forms, and other interactive tools. Now, we’re looking for someone to help bring our frontend experiences to life.

🧠 What You’ll Do

Build user-facing interfaces using HTML, CSS, JavaScript, and Twig (Symfony’s templating engine)
Use and customize existing templates (e.g., Bootstrap, Tailwind) — we’re not reinventing the wheel
Polish and refine layouts, spacing, typography, and interactions for a professional finish
Connect to APIs (using JWT authentication) and display dynamic data from JSON sources
Work independently on tasks while staying in sync with our backend team
Suggest UX improvements and know what “feels right” in a product

✅ What You Should Know

Must-Haves:

Strong skills in HTML5, CSS3, and vanilla JavaScript (ES6+)
Experience with Twig templating
Ability to integrate and display data from JSON APIs
Familiarity with Stimulus.js, Alpine.js, or similar JS micro-frameworks
Strong attention to detail and good design sense (even if you don’t design from scratch)
Ability to work autonomously while collaborating as part of a development team

Nice-to-Haves:

Experience with TailwindCSS or Bootstrap
Basic understanding of Symfony/PHP (not required)
Accessibility and responsive design best practices

💬 Communication

We value clear communication and independent thinking. You’ll have the freedom to take ownership of your work and the support of a team that knows what they want — but still loves new ideas.

🚀 Why Join Us?

Work on real-world tools that are already in use
Collaborate with a skilled and friendly team
Enjoy flexible hours and remote work
Build polished apps that people actually use
Opportunity for long-term collaboration

📩 How to Apply

Send us:

A short intro about yourself
A few links to web apps or components you’ve built (especially if they show design polish)
Your GitHub, portfolio, or anything relevant
Your availability and rate

just send it to our email at hello@beastscan.com

What Does Great Design Mean to Us?

If you’re looking for guidance on what we consider great design, we’ve outlined a few key principles and examples below to help clarify our vision.

🧪 BeastScan – Frontend Developer Test Task

👋 Optional but Recommended:
If you’re applying and don’t have a strong portfolio yet, or if you want to stand out from the crowd, feel free to build a small sample web app based on the task below.

We’re not looking for perfection — just a clean, usable, and well-thought-out result that shows your skills with HTML, CSS, JavaScript, and an eye for frontend detail.

🎯 Task Overview

Build a simple “Booking Card” web component that takes booking data in JSON format and displays it in a clean, user-friendly layout.

✅ Requirements

Create a small web app (static, symfony/twig) that does the following:

Loads JSON data representing hotel bookings.
Displays each booking in a card format that includes:
- Guest name
- Room type
- Check-in and check-out dates
- Booking status (e.g., confirmed, cancelled, pending)
Includes a simple filter (e.g., a checkbox or toggle) that shows only confirmed bookings.
Uses clean HTML/CSS (Bootstrap, Tailwind, or custom — your choice).
Uses JavaScript to load and filter the data.
The result should be polished and responsive — it doesn’t need to be fancy, but should feel professional.

[
  {
    "name": "Jane Doe",
    "room": "Deluxe Suite",
    "checkin": "2025-05-03",
    "checkout": "2025-05-07",
    "status": "confirmed"
  },
  {
    "name": "John Smith",
    "room": "Standard Room",
    "checkin": "2025-05-04",
    "checkout": "2025-05-05",
    "status": "pending"
  },
  {
    "name": "Alice Green",
    "room": "Penthouse",
    "checkin": "2025-05-01",
    "checkout": "2025-05-03",
    "status": "cancelled"
  }
]

🌿 Bonus Points (Optional)

Use Stimulus.js or Alpine.js for logic (instead of vanilla JS)
Add simple hover effects, badges, or transitions to make it feel smoother
Ensure it’s mobile-friendly

📤 How to Submit

Upload your solution as a ZIP, GitHub repo, or CodePen
Include a brief README or comment section that explains:
- What tools you used
- Any decisions or assumptions you made
Try to keep the total time under 2–4 hours

Frontend Developer (HTML, CSS, JavaScript, Twig) – Remote