https://github.com/darkshadowcoder/onboardingscreen_app
Challenge 30Days-30Aps : Day 1
https://github.com/darkshadowcoder/onboardingscreen_app
challenge expo mobile-app mobile-development onboarding-screen react-native
Last synced: 12 months ago
JSON representation
Challenge 30Days-30Aps : Day 1
- Host: GitHub
- URL: https://github.com/darkshadowcoder/onboardingscreen_app
- Owner: DarkShadowCoder
- License: mit
- Created: 2024-11-01T00:22:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-03T05:52:24.000Z (over 1 year ago)
- Last Synced: 2025-04-07T19:52:39.500Z (12 months ago)
- Topics: challenge, expo, mobile-app, mobile-development, onboarding-screen, react-native
- Language: TypeScript
- Homepage:
- Size: 2.35 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Onboarding Screen for a plant selling and monitoring app
Day 1 of 30Days-30Apps Challenge
## π Table of Contents
1. π€ [Introduction](#introduction)
2. βοΈ [Tech Stack](#tech-stack)
3. π [Features](#features)
4. π€Έ [Quick Start](#quick-start)
6. π [Assets](#links)
Built with React Native, GreenLeaf is your personal plant companion, designed to make plant care easy and enjoyable. Whether youβre a seasoned plant parent or just starting your green journey, weβre here to help you thrive.
- React Native
- TypeScript
- Expo
- Android Studio
π **Get Started**: an essential component during onboarding and user engagement
π **React Navigation**: used for managing navigation in React Native applications
π **Screens**: play a crucial role in shaping the user experience.
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [NodeJS](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/DarkShadowCoder/OnboardingScreen_app.git
cd OnboardingScreen_app
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
**Running the Project**
```bash
npx expo start --android
```
Open ExpoGo in your mobile phone and scan QR code.
## π Assets
Interface ScreenShots

This App is based on @IsaiselviP's design