Frontend Developer Intern

You were given a Figma prototype and asked to develop a mobile-responsive website based on it.

Requirements:-

1. Routing

• The website should contain multiple routes.

2. Main Page (User List Page)

• Display a list of users.
• Each user entry should have a corresponding Call option.
• Include a Search functionality to filter users in the list.
• Numbers should be sorted alphabetically, section-wise (by the first letter).

3. User Detail Page

• Clicking on a user should open their detail page.
• The detail page should include:
• User photo, name, and number at the top.
• Three action buttons: Call, WhatsApp, and Message.
• Below, display all user details, including phone number and address.

4. Backend

• Use any free API for contact numbers and users (I used mockAPI).

5. Deployment

• Deploy the project (I deployed it on Vercel).
• Share the working link of the deployed website.

Development Tools & Technologies

React, React Router, CSS, Tailwind CSS, Vite, npm, VS Code

Core JavaScript

• Variables (var, let, const) and their scope .(Learn)
• Hoisting
• ES6+ features: destructuring, spread/rest operators, arrow functions, template literals. (Learn)
• Array methods: map, filter, reduce. (Learn)

Asynchronous Behaviour & Error Handling

• Promises and their usage. (Learn)
• Error handling in JavaScript. (Learn)
• Different approaches to handling errors.
• Introduction to JSON. (Learn)

API Integration

• Fetching APIs: methods and potential pitfalls.
• HTTP methods (GET, POST, PUT, DELETE, etc.).
• RESTful API concepts.

• What is a process?
• What is a thread?
• What is a deadlock?
• What is a semaphore?

• Introduction.
• Skills you have worked on the most.
• The company uses the Svelte framework, so they asked about the JavaScript frameworks I know.
  I said React and Next.js. They asked, “Which is better, React or Next.js?” I replied that it depends on the requirements: if SEO and server-side rendering are needed, Next.js is best; otherwise, React has a huge community and allows integration with many external packages. I also explained each concept in detail and why one framework might be chosen over the other.
• What are meta tags?

• Tell me about your previous experience
• Why did you leave your previous company?
• Since we work on the Svelte framework, will you be able to learn it?
• When can you join us?