Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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