Full Stack Developer |Nuxt|js | Node|js

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.