React Native Challenge 📐

This is an Expo project created with create-expo-app.

Get started

1. Install dependencies

   npm install

2. Start the app

    npx expo start

In the output, you'll find options to open the app in a

• development build
• Android emulator
• iOS simulator
• Expo Go, a limited sandbox for trying out app development with Expo

You can start developing by editing the files inside the app directory. This project uses file-based routing.

Note

If you have problems running the app, take into account that it was created with node v20.x.x + npm/npx v10.7.0.

About our current mobile stack (not required/optional)

We're using Expo, React Native, TypeScript, Zustand, TanStack Query, Tailwind CSS, NativeWind V4 and React Native Reusables.

The Challenge

On the first page of the application, you should list the posts retrieved from https://jsonplaceholder.typicode.com/posts. Each card should display the provided title and body, and include a button to view the post comments on a separate page.

Additionally, there should be a page to view the details of any post. This page should display the title and body of the selected post, along with a list of comments from https://jsonplaceholder.typicode.com/posts/:post_id/comments.

The user should be able to:

• Navigate to the next or previous page to keep viewing the list of posts.
• View the post comments.
• Navigate to the list of posts from the post details page.
• In the post details page, every text chunk can be copied to the clipboard by only typing twice on it. By example, if the post title is tapped twice on the screen, the title should be copied to the clipboard.

How to start

• Decide when you can allocate 2 hours to make the challenge
• Make a fork of the project
• The 2 hoours deadline start in te moment you forked the project
• Make sure you have Node installed (preferred v20.x.x)

Delivery

When you are done, submit a Pull Request and leaving your full name in the comment/description section If you used environment variables, send them by email

Evaluation Criteria

• Libraries that you're using and why.
• The creativity of the solution.
• Use of the best practices.
• The commit messages with their format are considered. We're following the conventional commits specification.
• The project can be launched on local in iOS, Android and Web.

Bonus points

• When a text chunk is copied to the clipboard, a simple toast message should be displayed notifying to the user.