Skip to content

Mobile app for racket admin built in react native

Notifications You must be signed in to change notification settings

Joseg-05/racketAdminMobile

 
 

Repository files navigation

Racket Admin

Welcome to racket admin mobile! An application to help users who provide racket services (mainly racket restringing) to keep track of their incoming/outgoing orders

Overview: Users will input their credentials to log in (For the time being please use email: T@gmail.com and password: 1234). Once they have done so, they are able to see/edit their orders, customers, and products.

Home Page

Upon logging in you will be presented with the home page

You can logout by clicking on the icon on the top right

At the time you can see one graph on the screen (not completely styled) that will show your orders over the month

Orders Page

Switching the the orders tab, you can Add or Edit Orders

Clicking on the add icon on the top right from the main order tab screen will take you to the add screen

Clicking on any order on the screen from the main order tab screen will take you to the edit screen, here you can edit the order, with multiple textinputs and also a date button on top that once you click on it, a calendar will pop up (only working on android atm)

After adding or editing a an order, you should be redirected back to the main orders tab, where you will see the update in the list of orders

You are able to swipe left for a "Completed" gesture, however, it is not completely implemented at the moment

Customers Page

Functions are similar the Orders page in that you can add or edit customers

Inventory Page

Functions are similar the Orders page in that you can add or edit Inventory

Extra Notes

All Edit and Add Screens have input validation

All interactions with logging in, logging out, adding or editing any items within the app are interactions with the racket admin api hosted on a seperate server, since the hosting is on a free tier, the first time you log in or add/edit any items you may have to wait a little bit for the api to respond

react-native-paper, redux-thunk, react-native-chart-kit, and axios are some of the main third party npm packages used

Redux is used to manage the user's JWT token

Delete Buttons are not implemented on any of the edit screens ATM

There are some header UI issues with IOS (would prefer to run the app on android), however the app will not crash on either apps, and everything runs efficiently

EXPO LINK: https://expo.io/@tommylay1902/projects/racketAdmin

Github LINK: https://github.com/tommylay1902/racketAdminMobile

About

Mobile app for racket admin built in react native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%