Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/serifcolakel/getir-mobile

getir mobile app /w react native
https://github.com/serifcolakel/getir-mobile

Last synced: 6 days ago
JSON representation

getir mobile app /w react native

Host: GitHub
URL: https://github.com/serifcolakel/getir-mobile
Owner: serifcolakel
Created: 2022-08-17T16:21:07.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-09-16T20:46:58.000Z (over 2 years ago)
Last Synced: 2024-11-09T02:52:36.964Z (2 months ago)
Language: TypeScript
Size: 3.09 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Table of Contents

About The Project
- Built With

Getting Started
- Prerequisites
- Installation

Usage

Roadmap

Contributing

Contact

## DEV TAGS

You can access the details of the commits made by the developers here.

Click for Dev Tags details.

|
TAGS
|
EXPLAIN

|
| ---------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| **ADDED** | It gives information about newly added Component, package and files. |
| **CREATED** | It gives information about the Component, package and files created for the first time. |
| **CHANGED** | It gives information about the changed function or method related to the problem or design. |
| **REMOVED** | It gives information about the removed function or method related to the problem or design. |
| **UPDATED** | It gives information about the updated function or method related to the problem or design. |
| **FIXED** | It gives information about the solution of the problem caused by the problem. |
| **TODO** | It gives information about the planned and encountered problem in the future. |
| **TEST** | It is a tag created to test whether the functions added during build or for projects working in separate environments can work synchronously. |

## About The Project

In this project, I developed the fetch mobile application using react-native, redux-toolkit, react-native-maps & typescript. You can review the codes on my Github account and review the details of the work by watching the video I uploaded on youtube.

Image of Project

Splash Screen

Home Screen

Loading Screen

Route Screen

Search Screen

Search Screen with Action (Result Error)

Search Screen with Actions Result

Profil Screen

Campaings Screen

Campaing Details Modal Screen

Empty Favorites Screen

Favorites Screen with Actions

Selectable Adress Screen with oneOf(["home", "work", "other"])

Adresses Screen with Actions

Select Adress Screen

Select Adress Screen Result

Select Adress in Map Screen with Move The Position Action

Select Adress in Map Screen with Move The Position Action

The address selection process has been started and will be moved to the Center position of the Screen.

Address selected and marker placed at selected address.

The directions between the address and the Getir store were calculated.

Direction information between current location and GETIR store was calculated.

The specified address and estimated arrival time were calculated and added to the home page.

Products Skeleton Screen

Products Screen

Products Action (Add Basket & Add Favorites)

Product Details Screen

My Basket Screen with Actions

## **Built With**

In this section, the technologies used in the construction of the project are included.

- [React Native](https://reactnative.dev/)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [React Native Maps](https://npmjs.com/package/react-native-maps)
- [React Native Maps Directions](https://www.npmjs.com/package/react-native-maps-directions)
- [Typescript](https://www.typescriptlang.org/)
- [React Navigation](https://reactnavigation.org/)
- [Axios](https://www.npmjs.com/package/axios)
- [React Native Code Push](https://www.npmjs.com/package/react-native-code-push)
- [App Center](https://appcenter.ms/) (For CI/CD)
- [React Native Webview](https://www.npmjs.com/package/react-native-webview)
- [React Native Splash Screen](https://www.npmjs.com/package/react-native-splash-screen)

## **Getting Started**

In this section, the steps for the cloning of the project and the improvements to be made by you are shown.

## Prerequisites

By following the steps below, your project can be run after the local installation.

- npm
```sh
npm install npm@latest -g
```

## **Installation**

_Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services._

1. Clone the repo
```sh
git clone https://github.com/serifcolakel/getir-mobile.git
```
2. Install NPM packages
```sh
npm install
```
3. Enter your API in `./contants/index.ts`
```.ts
GOOGLE_MAPS_APIKEY="ENTER YOUR API"
```
4. Run the app
```sh
npm run android
```

## **Usage**

In this section, you can access the documentation of the libraries used during the creation of the project.

_For more examples, please refer to the [React Native Documentation](https://reactnative.dev/docs/getting-started) [Redux Toolkit Documentation](https://redux-toolkit.js.org/)
[React Native Maps Documentation](https://www.npmjs.com/package/react-native-maps) [Typescript Documentation](https://www.typescriptlang.org/docs/) [React Navigation Documentation](https://reactnavigation.org/docs/getting-started) [Axios Documentation](https://www.npmjs.com/package/axios) [React Native Code Push Documentation](https://www.npmjs.com/package/react-native-code-push) [React Native Webview Documentation](https://www.npmjs.com/package/react-native-webview) [React Native Splash Screen Documentation](https://www.npmjs.com/package/react-native-splash-screen) and more._

## **Roadmap**

- [x] Home Page added.
- [x] Product Page Dynamic added.
- [x] Recommendation Component added.
- [x] Product Details Page added.
- [x] Fetching Data from API added.
- [x] My Basket Page added.
- [x] My Favorites Page added.
- [x] My Orders Page added.
- [x] My Profile Page added.
- [x] My Addresses Page added.
- [x] My Address Add Page added.
- [x] My Address Edit Page added.
- [x] My Address Delete Page added.
- [x] My Address Select Page added.
- [ ] Add Payment Page Detail.
- [ ] Add User Login Page.
- [ ] Add User Register Page.
- [ ] Add User Forgot Password Page.
- [ ] Add User Change Password Page.
- [ ] Add User Actions (Add Address, Add Favorites, Add Basket, Add Orders, Add Profile, Add Addresses, Add Address Add, Add Address Edit, Add Address Delete, Add Address Select).
- [ ] Add Product Actions (Add Basket, Add Favorites).
- [ ] Implement auth with Firebase / AWS Amplify / AWS Cognito etc.

See the [Open Issues](https://github.com/serifcolakel/getir-mobile/issues) for a full list of proposed features (and known issues).

## **Contributing**

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

## **Contact**

Project Video Link : [Getir Mobile Clone](https://www.youtube.com/watch?v=m5N7z8EUGUo)