/peek-a-pic

React native app camera view 📱✨

Primary LanguageTypeScript

Peek a pic App Camera Logo

Peek A Pic 📸

Capture every moment with ✨Peek a Pic✨. Experience fast and user-friendly interface and shareable moments in an instant.

Screenshots 📲

Home Screen Result Screen Error Screen

Features 💎

  • Camera access in iOS && Android devices
  • Previews
  • Choose images from your gallery

Tech Stack 🔭

  • React Native CLI
  • TypeScript
  • Lottie animations
  • react-native-image-picker ** Check issues with iOS Native module original requirement 👀 here
  • react-native-testing-library
  • Jest
  • Figma

Functional requirements👩🏻‍💻

  • Should render a Home Screen with a "photo" button ✅
  • Should render a Result Screen ✅
  • Should render a Retake button ✅
  • Should render a Use photo or Share Screen options ✅

Non - Functional requirements✨

  • Should implement iOS Native module camera 🔜
  • Should have an Splash Screen iOS ✅
  • Should have an Splash Screen Android 🔜
  • Should have an Screen error ✅

Roadmap 📈

📅Github project 🐛Issues

  • iOS Native Camera Module integration
  • Android splash screen
  • Add more integrations

Run Locally 🧬

Clone the project

    git clone https://github.com/betanyeli/peek-a-pic.git
    cd peek-a-pic
    yarn install
    yarn start

Running Tests 🧪

To run tests, run the following command

  yarn test

Or run linter

  yarn lint

Deployment 🚀

To generate APK of this project run

  npx react-native bundle --platform android --dev false \
  --entry-file index.js \
  --bundle-output android/app/src/main/assets/index.android.bundle \
  --assets-dest android/app/src/main/res/

and then

  cd android && ./gradlew assembleRelease

Author 👩🏻‍💻

  • Develop with love by @Beta

Feedback✨

If you have any feedback, please reach out to me at LinkedIn