We are seeking a skilled Frontend Software Engineer to join our technology team. This role is ideal for someone passionate about creating exceptional user experiences using modern React and Next.js technologies. You'll work on customer-facing applications, internal tools, and progressive web apps that power our property management platform.
Core Development
The candidate will have responsibilities across the following functions
:
- Build responsive, performant web applications using Next.js and React.
- Implement pixel-perfect UI components using Tailwind CSS with a mobile-first approach.
- Develop state management solutions using Context API and custom hooks.
- Integrate GraphQL APIs using Apollo Client or similar libraries.
- Create real-time features using Socket.io for live updates and notifications.
Technical Implementation
- Implement Progressive Web App (PWA) features, including offline functionality, push notifications, and app-like experiences.
- Utilize Intersection Observer API for performance optimizations, lazy loading, and scroll-based animations.
- Ensure cross-browser compatibility across modern browsers and devices.
- Write clean, maintainable TypeScript/JavaScript code following best practices.
- Build reusable component libraries and design system implementations.
API And Integration
- Integrate RESTful and GraphQL APIs efficiently with proper error handling.
- Implement WebSocket connections for real-time communication features.
- Optimize data fetching strategies using Next.js features (SSR, SSG, ISR).
- Handle complex authentication flows and token management.
Quality And Performance
- Implement comprehensive testing using React Testing Library and Jest.
- Optimize Core Web Vitals and overall application performance.
- Ensure accessibility standards (WCAG) are met across all interfaces.
- Participate in code reviews and maintain high code quality standards.
Requirements
- 1-3 years of professional experience in frontend development.
- Strong proficiency with Next.js, including SSR, SSG, and API routes.
- Expert-level CSS skills with Tailwind CSS for rapid UI development.
- Solid experience with React Context API for state management.
- Hands-on experience with WebSocket/Socket.io integration.
- Proficiency in consuming and integrating RESTful and GraphQL APIs.
- Experience with Intersection Observer API for performance optimizations.
PWA And Cross-Platform Experience
- Demonstrated experience building Progressive Web Applications.
- Knowledge of Service Workers, Web App Manifests, and offline strategies.
- Experience with push notifications and background sync.
- Strong understanding of cross-browser compatibility and testing.
- Mobile-responsive design implementation across devices.
Development Practices
- Proficiency with Git version control and collaborative workflows.
- Experience with modern JavaScript/TypeScript (ES6+).
- Understanding of frontend build tools and bundlers (Webpack, Vite).
- Familiarity with CI/CD pipelines and deployment processes.
Nice-to-Have Skills
- Experience with React Query or SWR for data fetching.
- Knowledge of Next.js 14 features (App Router, Server Components).
- Familiarity with animation libraries (Framer Motion, React Spring).
- Experience with Figma or design tools for developer handoff.
- Understanding of micro-frontend architecture.
- Experience with performance monitoring tools (Lighthouse, Web Vitals).
- Knowledge of SEO best practices for Next.js applications.
- Experience with Storybook for component documentation.
- Built production PWAs with significant user bases.
- Deep understanding of Next.js optimization techniques and best practices.
- Experience implementing complex real-time features using WebSockets.
- Worked with GraphQL subscriptions for live data updates.
- Strong portfolio demonstrating responsive, accessible web applications.
- Contributions to open-source React/Next.js projects.
- Stay current with the React ecosystem and emerging patterns.
Technical Excellence
- Write semantic, accessible HTML and efficient, maintainable CSS with Tailwind.
- Understand when to use Context API vs. other state management solutions.
- Implement smooth scroll-based interactions using Intersection Observer.
- Know how to debug cross-browser issues efficiently.
Problem-Solving Approach
- Architect scalable frontend solutions that handle complex business logic.
- Balance performance optimization with development velocity.
- Understand the trade-offs between different rendering strategies in Next.js .
- Implement offline-first strategies for a better user experience.
This job was posted by Rudra P Sinha from Elivaas.
