React Frontend Engineer for Restaurant Site
Budget / SalaryHourly project
TypeFreelance project
LocationRemote
Posted2 hours ago
I am sourcing for a client who is building a fine dining restaurant landing page. The frontend is already built with React and TypeScript. I need an experienced Frontend Engineer to implement new features, improve UI/UX, and polish the existing design.
Current stack: React, TypeScript, Vite, Framer Motion, React Icons, custom CSS.
Pages/Sections include: Navbar, Header (Hero), About Us, Special Menu, Chef, Intro (Video), Gallery, Laurels (Awards), Find Us, Newsletter, Footer.
Work Needed:
- Dark/Light Mode toggle - theme switcher with smooth transitions across all components plus localStorage persistence
- Google Maps integration - interactive map with location marker and "Get Directions" button in the Find Us section
- Loading states and error handling
- Responsive fixes across all sections
- Code quality improvements
- Any missing UI polish
Requirements:
- 3+ years React experience
- Strong TypeScript skills
- Experience with Framer Motion animations
- Experience with Context API and localStorage
- Experience with Google Maps Embed API
- Strong responsive design skills
- Good communication in English
Budget:
- To be discussed.
Timeline:
- To be discussed.
How to Apply:
I'm sharing the frontend codebase as an attached RAR file.
Step 1: Pick one simple functionality to implement or improve. For example:
- Add a basic Dark/Light Mode toggle button (just the button, not full theming)
- Embed a Google Map in the Find Us section
- Add a loading spinner to the Gallery section
- Fix a responsive design issue on mobile
- Add form validation to the Newsletter form
- Add image lazy loading to the Gallery
- Improve the mobile navigation menu
- Fix any console errors or warnings
- Improve the video play/pause button accessibility
- Add hover animation to the Award cards
Step 2: Record a Loom video (max 5 minutes) showing:
- The functionality you implemented
- How it works
- Your thought process
Step 3: Submit the Loom video link and your estimated total budget for the frontend enhancement and timeline.
Important:
Please do not use AI tools (Claude Code, ChatGPT, GitHub Copilot, Cursor, or any other AI coding assistant) for this task. I want to see your own coding skills and problem-solving ability. Using AI will disqualify your application.
After reviewing your solution, I will continue to direct hiring.
Current stack: React, TypeScript, Vite, Framer Motion, React Icons, custom CSS.
Pages/Sections include: Navbar, Header (Hero), About Us, Special Menu, Chef, Intro (Video), Gallery, Laurels (Awards), Find Us, Newsletter, Footer.
Work Needed:
- Dark/Light Mode toggle - theme switcher with smooth transitions across all components plus localStorage persistence
- Google Maps integration - interactive map with location marker and "Get Directions" button in the Find Us section
- Loading states and error handling
- Responsive fixes across all sections
- Code quality improvements
- Any missing UI polish
Requirements:
- 3+ years React experience
- Strong TypeScript skills
- Experience with Framer Motion animations
- Experience with Context API and localStorage
- Experience with Google Maps Embed API
- Strong responsive design skills
- Good communication in English
Budget:
- To be discussed.
Timeline:
- To be discussed.
How to Apply:
I'm sharing the frontend codebase as an attached RAR file.
Step 1: Pick one simple functionality to implement or improve. For example:
- Add a basic Dark/Light Mode toggle button (just the button, not full theming)
- Embed a Google Map in the Find Us section
- Add a loading spinner to the Gallery section
- Fix a responsive design issue on mobile
- Add form validation to the Newsletter form
- Add image lazy loading to the Gallery
- Improve the mobile navigation menu
- Fix any console errors or warnings
- Improve the video play/pause button accessibility
- Add hover animation to the Award cards
Step 2: Record a Loom video (max 5 minutes) showing:
- The functionality you implemented
- How it works
- Your thought process
Step 3: Submit the Loom video link and your estimated total budget for the frontend enhancement and timeline.
Important:
Please do not use AI tools (Claude Code, ChatGPT, GitHub Copilot, Cursor, or any other AI coding assistant) for this task. I want to see your own coding skills and problem-solving ability. Using AI will disqualify your application.
After reviewing your solution, I will continue to direct hiring.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.