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: 5 months ago
JSON representation

Host: GitHub
URL: https://github.com/maderarasto/rn-git-connect
Owner: maderarasto
Created: 2024-05-27T07:48:32.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-05-28T09:09:45.000Z (about 2 years ago)
Last Synced: 2024-05-29T00:21:49.668Z (about 2 years 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
- React/Tan Query hooks such as useQuery, useInfiniteQuery and useMutation
- Handling forms using React Form 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.

:white_check_mark:  Services for interacting with GitHub and GitLab

:white_check_mark:  Access to profile and activity events of user

:white_check_mark:  Editing basic fields in your profile

:white_check_mark:  Showing and filtering user's repositories.

## Features to implement
:hourglass:  Access to list of merge requests.
:hourglass:  Access to list of issues.
:hourglass:  Dashboard screen for quick management.

## Design
![Wireframe design for appliccation](readme/git_connect_wireframe.png "Wireframe design for Git Connect")

## Screenshots