Skip to content

Latest commit

 

History

History
108 lines (85 loc) · 4.43 KB

README.md

File metadata and controls

108 lines (85 loc) · 4.43 KB

Books-App

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

File Structure

  • src
    • assets
    • components
    • navigation
    • screens
    • state
      • action_creators
      • reducers

Environment setup for windows users

  • install Node 12 LTS
  • install Vs code
  • use npm to install the Expo CLI command line utility
    npm install -g expo-cli

How to run the app ?

  1. clone the code
  2. Open in Vs code
    1. Open Vs code Terminal and run:
      npm install
    2. When install node_modules then run
      npm start
  3. Open expo app in your mobile and scan the QR code to run the app.

App Screenshot

Splash Screen

When App is open the Splash screen appears.

Simple splash screen Animation splash screen
Drawing Drawing
### Onboarding Screens The onboarding screen will appear only one time when you run the app the first time. There are three onboarding screens.
Onboard first screen Onboard second screen Onboard third screen
Drawing Drawing Drawing

Welcome screen

After the onboarding screen, the welcome screen will appear.

Drawing

login screen

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.
Drawing

Forget Password screen

In Forget Password screen you rest your password.
Drawing

Signup screen

Signup screen signup validation
Drawing Drawing

Home screen

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.

Drawing

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.

Drawing

Cart screen

In Cart screen have all the books that were added, we can delete them from the cart to click delete Icon

Drawing