I will do reactjs nextjs firebase tailwindcss figma react nextjs


Level 2
About this gig
Seeking a software engineer who excels in quality and ownership? Look no further!
Here's how I can assist you:
- Transform designs from Figma, Adobe XD, or Sketch into live applications.
- Identify and tackle performance bottlenecks.
- Develop reusable components for improved app performance.
- Bonus points if you're a fan of test-driven development (TDD).
My expertise includes:
- JavaScript (ES6+)
- React.js | Vue.js
- GraphQL | Apollo
- Jest | Cypress | Enzyme
- HTML5 | CSS3 | SCSS | Styled Components
- Yarn | NPM
- Webpack | Gulp
- Node.js | Express | Nestjs | GraphQL
- MongoDB | MySQL | PostgreSQL
- Amazon Web Services | Google Cloud | Heroku
- Git version control
Rest assured, my communication skills are excellent.
Let's discuss your project before proceeding. Contact me now for a fruitful collaboration.
Get to know Muhammad Zuhair
Not The Average Developer
Level 2
- FromPakistan
- Member sinceJan 2021
- Last delivery5 months
Languages
Urdu, English
My Portfolio
FAQ
How long will it take to convert my designs into live applications?
The timeline for converting designs into live applications depends on the complexity and scope of the project. Upon reviewing your designs, we can provide a more accurate time estimate.
Can you explain your experience with test-driven development (TDD) and how it benefits the development process?
I am a strong advocate of test-driven development. By writing tests before implementing the code, TDD helps ensure the reliability and stability of the application. It encourages comprehensive test coverage, faster bug detection, and facilitates code refactoring with confidence.
Are you familiar with responsive design principles to ensure optimal user experience across different devices?
Absolutely! I prioritize responsive design principles to deliver a seamless user experience across various devices. By leveraging CSS media queries and flexible layout techniques, I ensure that the application adapts and functions flawlessly on desktops, tablets, and mobile devices.
Can you explain your approach to optimizing front-end performance, such as reducing render-blocking resources and optimizing asset delivery?
Absolutely! To reduce render-blocking resources, I employ techniques like asynchronous loading of scripts and stylesheets, utilizing tools like code splitting and lazy loading. Optimizing asset delivery involves techniques such as minification, compression, and leveraging browser caching.
How do you handle state management in large-scale applications using frameworks like React, Vue.js, or Angular?
For large-scale applications, I prefer using state management libraries like Redux, Vuex (for Vue.js), or NgRx (for Angular). These libraries enable centralized state management, predictable state updates, and better separation of concerns, resulting in maintainable and scalable codebases.
Can you explain your experience with server-side rendering (SSR) and how it enhances performance and SEO?
I have experience implementing server-side rendering in applications using frameworks like Next.js (for React) or Nuxt.js (for Vue.js). SSR improves initial load time, as the server generates HTML content that can be sent to the client immediately.
Can you explain your experience with continuous integration/continuous deployment (CI/CD) pipelines and the tools you use?
I have experience setting up CI/CD pipelines using tools like Jenkins, GitLab CI/CD, or CircleCI. These pipelines automate building, testing, and deploying applications, ensuring faster and more reliable releases.

