Test Task.

Description

Deisgn

API base url

you need to use typescript and react query, you may use other libs as needed.

given he design above, create a React native app that have the following screens.

Please refer back to the insomnia (postman) JSON file...

update base URL accordingly if needed.

Auth Screens

the screen[s] allows the admin to login / register, once the admin is logged in or register, they should be navigated to The Users List Screen & their login status should be persisted.

POST `/register`
body:    { email: string; password: string; name: string }
returns: {
  token: string,
  admin: { email: string; name: string }
 }


POST `/login`
body:    { email: string; password: string;}
returns: {
  token: string,
  admin: { email: string; name: string }
 }

User List Screen / home screen.

GET `/user`
Headers: { token: string }

returns {
  users: {name: string, email: string}[]
}

GET `/user/:email`
Headers: { token: string }

returns {
  user: { name: string, email: string }
  locations: { lat: string, lng: string }[]
}

GET `/location` //- G3t all locations for the users created.
Headers: { token: string }
returns {
  locations: {lat: string, lng: string}[]
}

User Details screen

  GET `/location/:userEmail`
  Headers: { token: string }
  returns {
    locations: {lat: string, lng: string}[]
  }

  DELETE `/location/:locationId`

Add / Edit User

the screen allows the user to add / edit user, you should use the same screen / component for both functionality, ability to add location should be removed when editing a user.

  POST `/user`
  Headers: { token: string }
  body {
    locations: {lat: string, lng: string}[]
    name: string
    email: string
  }

  PATCH `/user/:userEmail`
  Headers: { token: string }
  {
    locations: {lat: string, lng: string}[]
    name: string
    email: string
  }

Add Location Screen

You can Navigate to this screen from the User Details screen as well as from the Add User screen, if the user is navigated from the user details screen, the screen is responsible for making the http request to add a loction, if the user is navigated from the Add user screen, it is not responsible for creating the location because there is no user to associate the location to, the Add screen will handle the location creating along with the user creation.

  POST `/location/:userEmail`
  Headers: { token: string }
  body: {lat: string, lng: string }

To Delete a location

DELETE`/location/:locationId`
Headers: {
  token: string
}

to get users locations

GET`/location/:userEmail`
Headers: {
  token: string
}

to delete a user

DELETE`/user/:userEmail`
Headers: {
  token: string
}

Technologies we like

• typescript
• React query

other than that you should use your fav state managment lib if need be, you also should come up with your own UI, we won't be evaluating the UI as much as the UX.

Task Submition

a github repo link.

Best of luck.