Labs 🧑‍🔬

This is a lab project, the purpose is to test new technologies.

To make the implementation more realistic the project implements a real-life app, a bike sharing app.

Getting started 🏁

./setup_dev_env.sh

yarn dev:api
yarn dev:app
yarn dev:blog

Technologies 🚀

Description
API and web apps next.js with app-router
Mobile apps expo with expo-router
Styling tailwind
State managements react-query and zustand
CMS prismic with slicemachine
Style guide storybook
Unit and integration tests jest
E2E tests maestro

Apps 📱

Service	Description	Production
apps/app	The expo bike sharing app (ios/android).	link
apps/api	The bike sharing api gateway made with GraphQL Mesh and next.js.	link
apps/blog	The blog made with next.js.	link

Packages 📦

Package	Description
packages/expo-config	Set of base config files for the expo apps (eslint, metro, babel, typescript, jest).
packages/next-config	Set of base config files for the next apps (eslint, typescript, jest).
packages/tailwind-config	The tailwind theme for the apps
packages/twrnc	The react-native implementation of tailwind.
packages/utils	Set of helpers (functions, types...).

Prompts 🤖

Prompt	Description
prompts/test-react-component	ChatGpt prompt for generate tests for react components.

Figma 🎨

Figma source file (components, screens, tokens...).