monorepo project contain the source code of sispac.
the main tecnologies that help this project to work is:
- Expo
- Nativewind
- React Hook Form
- zustand
- React Native MMKV
- React Native Gesture Handler
- React Native Reanimated
- React Native Svg- Tailwind Variants
- Zod
- Eslint
- Prettier
- NextJS
this is a monorepo, basically, it is a way to put more than one project in the same repository, sharing some packages that make sense in both apps.
It uses Turborepo and contains:
.vscode
└─ Recommended extensions and settings for VSCode users
apps
├─ mobile
| ├─ Expo SDK 51
| ├─ React Native using React 18
| ├─ Navigation using Expo Router
| └─ Tailwind using NativeWind
└─ web
├─ Next.js 14
├─ React 18
└─ Tailwind CSS
packages
├─ eslint
| └─ shared, fine-grained, eslint presets
├─ prettier
| └─ shared prettier configuration
├─ tokens
| └─ main application tokens that will be used in both apps
├─ ui
| └─ Start of a UI package for both web and mobile apps
└─ typescript
└─ shared tsconfig you can extend from
To get started with this project, ensure you have the following technologies installed on your computer:
- Node.js: This project was developed using Node.js version 20.16.
- pnpm: Install it via npm by running the command:
npm install -g pnpm
Make sure to install the extensions listed in the .vscode/extensions.json file. You can easily find and install them by searching for their names in the VSCode Extensions tab.
First, clone the repository:
git clone https://github.com/Matheus8174/sispac.git sispac
Navigate to the project directory and install the dependencies using pnpm:
cd sispac
pnpm install
You can start both applications by running the following command in the workspace:
pnpm dev
Alternatively, you can navigate to any specific app folder and run:
pnpm dev
This will start the development server for the selected application. Enjoy coding! 🚀