Skip to content

hasangonen91/StarCoffeBlochainApp

Repository files navigation

Star Coffee App

Star Coffee App is a React Native Expo application developed by myself as a personal project. The project is still in the development phase, and I am currently working on the UI design. The blockchain integration and backend development will be added later.

Screenshots

Get Started Screen

Get Started Screen

  • It is our first screen where we have 2 options as Get Start and Login. If we click on Login, we reach the Login Screen.
  • After saying Get Started, you are directed to the onboard screen.

Onboarding Screen

Login Screen Login Screen Login Screen

  • There are 3 screens on the onboard. You reach the last screen by swiping right and you reach the SignUp screen by clicking Start.

Register Screen

Login Screen Login Screen

  • This part is the Register screen. Here we start using our application by saying Join Now.
  • You can also perform your registration on both google and facebook.
  • Of course, you need to provide google and facebook connections first.

Login Screen

Login Screen Login Screen Login Screen Login Screen

  • Here we perform our login process.
  • Good Morning is written in the upper left corner, it changes according to the time you are in, Good Night...
  • As you can see, if the content is empty, the user receives a warning mode.
  • When the user enters the e-mail and password, it exits the hourglass mode and reaches the home page.
  • If you forget your password, when you click Forgot Password, it sends you an e-mail to renew your password.
  • In the middle, the coffees sold are advertised.

Forgot Password Screen

Login Screen Login Screen Login Screen Login Screen

  • If you forget your password, your e-mail information will be received on this screen and an e-mail will be sent to renew your password.

Coffee Screen

Login Screen

  • Coffe Screen Bottom is the first screen of the tab bar, you can search for the product you want on this screen, you can select it according to its type, and there is an automatic sliding slider as seen on the screen.
  • In the slider, you are directed to that screen according to the type you choose.
  • Below are the prices of coffees and other products.
  • In this section, you may like the product and maybe you want to buy it later, and you can see the content by clicking on the product.

Show Coffee Screen

Login Screen

  • You can review the product you choose or click on the heart, and you can buy it according to the size or the quantity you want to buy.

Wallet Screen

Wallet Screen Wallet Screen Wallet Screen Wallet Screen

  • The second screen of the bottom tab bar, Wallet Screen, this screen keeps your virtual wallet information.
  • And your account activities are displayed.
  • With this virtual card, you can both buy the coffee you want in the application and make your other payments, this shows that the application is not just a coffee application, it is a much more advanced application.
  • When you click on the qr code icon, a qr is created for you and you can shop anywhere you want with this qr.
  • You can add more than one card and you can make any purchase you want with these cards.
  • You can shop in the same way by clicking the qr scan icon in the upper right corner of the screen.

You can test the application:

You can test the application after downloading the "Expo Go" application from the Play Store or App Store and scanning the QR.

Wallet Screen


You can test the application: Star Coffee

Or, open this link on your device: exp://exp.host/@hasangonen91/star-coffee?release-channel=default

Features

Star Coffee has the following features:

  • Customers can view the menu and prices
  • Customers can create an account and login
  • Customers can purchase coffee using cryptocurrency
  • Transactions are recorded on the blockchain for transparency and security

Future Development

The app is currently in development. Future updates will include:

  • Integration with the blockchain
  • Backend development
  • Creation of a cryptocurrency for use with the app

Used technologies

Client: React Native, Redux, Expo

Will be used in the future

Server: Node, Express Metamask Connection: Metamask

Installation

To install the app, follow these steps:

  1. Clone the repository: git clone https://github.com/hasangonen91/StarCoffeBlochainApp
  2. Install the dependencies: npm install or yarn install
  3. Run the app: npx expo start or expo start --tunnel

Contributing

If you would like to contribute to this project, please submit a pull request.

Contact

If you have any questions or feedback regarding the project, you can contact Hasan Gönen via email at [email protected].

Development

The app is developed using React Native Expo and utilizes both npm and yarn. As mentioned before, the project is still in the development phase, and blockchain integration and backend development will be added later.

Disclaimer

Star Coffee App is a personal project and has no affiliation with Starbucks or any other coffee company. The project is developed solely for educational purposes and does not aim to harm or infringe on any trademarks or intellectual property rights.

License

This project is licensed under the MIT License.

This project is licensed under the Creative Commons Attribution-NonCommercial License. This license allows others to remix, adapt, and build upon your work non-commercially, and although their new works must also acknowledge you and be non-commercial, they don't have to license their derivative works on the same terms.