Responsibilities:
? Design, develop, and maintain both frontend and backend components using modern web technologies (Nuxt.js, Node.js, etc. ).
? Work on integrating the frontend and backend systems, ensuring smooth data flow and user interactions.
? Build responsive, dynamic, and user-friendly interfaces using the Nuxt.js framework (leveraging Vue.js and server-side rendering capabilities).
? Optimize web performance for speed and accessibility using best practices in Nuxt and Vue.
? Use Pinia for state management across the application, ensuring efficient data Handling.
? Implement design systems using Tailwind CSS, ensuring the UI is modern, consistent, and responsive across devices.
? Develop custom components and enhance UI/UX using Vuetify and icon libraries such asIconify.
? Collaborate with designers to translate Figma/Sketch designs into functional, production-quality web pages.
? Work with APIs (such as those created with Node.js and Express in the backend) to integrate user… interfaces with backend systems.
? Use socket. io-client for real-time communication in the front end, handling WebSocket connections from the back end.
? Use build tools such as Vite to optimize and bundle frontend assets efficiently.
? Manage the full lifecycle from development to production using Nuxt build and deployment scripts.
? Handle frontend deployment tasks, including packaging and deploying assets to cloud storage using tools like AWS SDK.
? Leverage Nuxt’s SSR (server-side rendering) and static site generation features to optimize load times and improve SEO.
? Implement lazy loading, code splitting, and other optimizations to enhance frontend Performance.
? Write unit, integration, and end-to-end tests for frontend components, ensuring high code quality.
? Debug production issues and work closely with backend developers to troubleshoot and resolve issues across the full stack.
? Implement real-time features on the front (e. g., notifications or live updates) using a socket. io-client to connect to backend WebSocket services.
? Use Git for version control, collaborating with backend developers and designers through tools like GitHub or GitLab.
? Maintain consistency in coding standards and ensure smooth project collaboration via pull requests and code reviews.
Key Technologies and Tools:
Frontend Framework:
? Nuxt.js : A framework built on Vue.js for server-side rendering, static site generation, and application optimization.
? Vue.js : The core frontend framework used for creating user interfaces.
? Pinia: State management library for Vue.js
Styling and UI Components:
? Tailwind CSS: Utility-first CSS framework used for responsive and maintainable designs.
? Vuetify: A material design component framework for Vue.js, used for building UI Components.
Build Tools:
? Vite: Next-generation frontend tool for fast builds and hot reloading during development.
? Vite-plugin-vuetify and vite-plugin-css-injected-by-js: Plugins to optimize the integration of Vuetify and CSS-in-JS within Vite.
Backend Integration:
? Socket.io : Used for real-time communication between the frontend and backend via WebSockets
? AWS SDK: For interacting with AWS services like S3 for file uploads
