Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maderarasto/rn-git-connect
This project is mobile cross-platform application developed using React Native library and Typescript language. The application serves as git client for managing remote repositories directly from your phone.
https://github.com/maderarasto/rn-git-connect
git github gitlab javascript mobile-app react react-native typescript
Last synced: about 1 month ago
JSON representation
This project is mobile cross-platform application developed using React Native library and Typescript language. The application serves as git client for managing remote repositories directly from your phone.
- Host: GitHub
- URL: https://github.com/maderarasto/rn-git-connect
- Owner: maderarasto
- Created: 2024-05-27T07:48:32.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-05-28T09:09:45.000Z (7 months ago)
- Last Synced: 2024-05-29T00:21:49.668Z (7 months ago)
- Topics: git, github, gitlab, javascript, mobile-app, react, react-native, typescript
- Language: TypeScript
- Homepage:
- Size: 348 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Git Connect (react native app)
This project is mobile cross-platform application developed using **[React Native](https://reactnative.dev/)** library and **[Typescript](https://www.typescriptlang.org/)** language. The application serves as **[git](https://git-scm.com/)** client for managing remote repositories directly from your phone.Tags: [React](https://react.dev/), [React Native](https://reactnative.dev/), [Typescript](https://www.typescriptlang.org/), [GitHub](https://github.com/), [GitLab](https://about.gitlab.com/), [Git](https://git-scm.com/)
## Motivation
An idea for this project was to easily maintain project repositories and also used react (native) and typescript skills on a real project.## What I have learned
- Context API
- useQuery and useInfiniteQuery hooks
- React Native animations## What is finished
:white_check_mark: Base version of wireframe design.
:white_check_mark: Initialized a react native project with expo router.
:white_check_mark: Splash screen with logo
:white_check_mark: Entry screen with choosing git server.
:white_check_mark: Entry screen that redirects an user to sing in screen or dashboard
:white_check_mark: SignIn screen for signing user to github or gitlab
:white_check_mark: Dashboard drawer for routing to another in-app screens.
:white_check_mark: Managing your connections and switching between them.## Features to implement
:hourglass: Services for interacting with GitHub and GitLab## Design
![Wireframe design for appliccation](readme/git_connect_wireframe.png "Wireframe design for Git Connect")## Screenshots