https://github.com/japrozs/cadi
A messaging app that I made to learn react native
https://github.com/japrozs/cadi
app chat expo hacktoberfest react react-native
Last synced: 4 months ago
JSON representation
A messaging app that I made to learn react native
- Host: GitHub
- URL: https://github.com/japrozs/cadi
- Owner: japrozs
- License: mit
- Created: 2021-08-06T04:00:01.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-09-30T19:02:55.000Z (over 3 years ago)
- Last Synced: 2025-01-09T01:05:17.991Z (5 months ago)
- Topics: app, chat, expo, hacktoberfest, react, react-native
- Language: TypeScript
- Homepage:
- Size: 487 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
Awesome Lists containing this project
README
# Cadi
Cadi is just an app that I made while learning `react-native (expo)`. This is a full stack app that includes signup, login, cookies, messaging, search functionality, cache invalidation and much more.
## How to run it
- Start the `typescript` compilation:
```bash
yarn watch
```
- In another terminal window, start the backend
Create a postgres database with the name `cadi` and change the `server/src/index.ts` with the correct postgres config of your system.
```bash
yarn dev
```
- Start the `react-native` app
```bash
yarn ios # to run on ios simulator
yarn android # to run on android simulator
yarn web # to run on web
```
## Folder structure
| Folder | Description |
| ------------------ | ------------------------------------------ |
| [app](app) | The app built with `react-native` |
| [server](server) | The `graphQL` server built with `express` |
| [.github](.github) | Github settings config. (eg. `CODEOWNERS`) |
| [.vscode](.vscode) | Project settings for `VSCode` |
# Tech Stack
## Backend
- NodeJS
- Apollo-Server-Express
- Typeorm
- Postgres
- Redis
- Sessions
- Cookies
- GraphQL
- Type-GraphQL
## Frontend
- React Native
- Expo
- GraphQL-code-generator
- React-navigation
- Apollo Client
## Screenshots
