It's a books app where you can search for multiple books and purchase them.
I use React-Redux for state management
watch the below video
App video
- src
- assets
- components
- navigation
- screens
- state
- action_creators
- reducers
- install Node 12 LTS
- install Vs code
- use npm to install the Expo CLI command line utility
npm install -g expo-cli
- clone the code
- Open in Vs code
- Open Vs code Terminal and run:
npm install
- When install node_modules then run
npm start
- Open Vs code Terminal and run:
- Open expo app in your mobile and scan the QR code to run the app.
When App is open the Splash screen appears.
Simple splash screen | Animation splash screen |
Onboard first screen | Onboard second screen | Onboard third screen |
After the onboarding screen, the welcome screen will appear.
In Login Screen I applied formik and Yup validation.
If a user forgets their Password then click on forget password then it will go to forget the password.
and if you have not account then click on signup.
In Forget Password screen you rest your password.
Signup screen | signup validation |
When the user sign-in/signup successfully then it will go to Home screen.In Home screen All books appear in FlatList, we can Search books by name.
when the user click on any book then it goes to the Detail screen.
In Detail, the screen have All details about the selected book and their purchase link you can purchase that book directly from them. When users click on cart button then the book add to the cart.
In Cart screen have all the books that were added, we can delete them from the cart to click delete Icon