Introducing a open source social network app.
Providing you with the components, templates, native components, ngrx, i18n, localStorage, themes, auth pages and much more needed to build a mobile application on ionic framework.
Getting started
git clone https://github.com/thenaim/ionic-tk-social-network myApp
cd myApp
npm i
# Build, before adding any native platforms
ionic build
# Add ios
npx cap add ios
# Add Android
npx cap add androidRun Capacitor or see docs
# Open Android
npx cap open android
# Open iOS
npx cap open iosiOS Setup
Download and install Xcode.
Then make sure the command-line tools are selected for use:
xcode-select --installAnd you need to install some utilities:
npm install -g ios-sim
npm install -g ios-deployAndroid Setup
Download and install:
Then install Android SDK on Android Studio and configure the environment variables (ANDROID_SDK_ROOT).
Feature Status
| Tabs | Status | Source Code | Issue |
|---|---|---|---|
| News/Discover (tab1) | Available | news.ts | - |
| Explore (tab2) | Available | explore.ts | - |
| Messages (tab3) | Available | message.ts | - |
| Notification (tab4) | Available, but needs to be modified | notification.ts | - |
| Profile (tab5) | Available, but needs to be modified | profile.ts | - |
| Pages | Status | Source Code | Issue |
| Login | Available | login.ts | - |
| Register | Available | register.ts | - |
| Forgot | Available | forgot.ts | - |
| Reset | Available, but needs to be modified | reset.ts | - |
| Friends | Available | friends.ts | - |
| Music | Available | music.ts | - |
| Music modal | Available | music-player.ts | - |
| Story modal | Available | stories.component.ts | - |
| Settings | Available | settings.ts | - |
| About | Available, but needs to be modified | about.ts | - |
| Account | Available, but needs to be modified | account.ts | - |
| Appearance | Available | appearance.ts | - |
| Balance | Available, but needs to be modified | balance.ts | - |
| Blocked | Available, but needs to be modified | blocked.ts | - |
| General | Available, but needs to be modified | general.ts | - |
| Notifications | Available, but needs to be modified | notifications.ts | - |
| Security | Available, but needs to be modified | about.ts | - |
| Subscriptions | Available, but needs to be modified | subscriptions.ts | - |
| Privacy | Available | privacy.ts | - |
| Privacy > Apps invite | Available, but needs to be modified | apps-invite.ts | - |
| Privacy > Apps call | Available, but needs to be modified | appscall.ts | - |
| Privacy > Calls | Available, but needs to be modified | calls.ts | - |
| Privacy > Chat invite user | Available, but needs to be modified | chat-invite-user.ts | - |
| Privacy > Friends requests | Available, but needs to be modified | friends-requests.ts | - |
| Privacy > Groups invite | Available, but needs to be modified | groups-invite.ts | - |
| Privacy > Mail send | Available, but needs to be modified | mail-send.ts | - |
| Privacy > Search by phone | Available, but needs to be modified | search-by-reg-phone.ts | - |
| Privacy > Photos tag me | Available, but needs to be modified | photos-tagme.ts | - |
| Privacy > Replies view | Available, but needs to be modified | replies-view.ts | - |
| Privacy > Status seplies | Available, but needs to be modified | status-replies.ts | - |
| Privacy > Wall | Available, but needs to be modified | wall.ts | - |
| Privacy > Wall send | Available, but needs to be modified | wall-send.ts | - |
| Privacy > Audios | Available, but needs to be modified | audios.ts | - |
| Privacy > Friends | Available, but needs to be modified | friends.ts | - |
| Privacy > Gifts | Available, but needs to be modified | gifts.ts | - |
| Privacy > Groups | Available, but needs to be modified | groups.ts | - |
| Privacy > Hidden friends | Available, but needs to be modified | hidden-friends.ts | - |
| Privacy > Photos saved | Available, but needs to be modified | photos-saved.ts | - |
| Privacy > Photos with | Available, but needs to be modified | photos-with.ts | - |
| Privacy > Places | Available, but needs to be modified | places.ts | - |
| Privacy > Profile | Available, but needs to be modified | profile.ts | - |
| Privacy > Company messages | Available, but needs to be modified | company-messages.ts | - |
| Privacy > Search | Available, but needs to be modified | search.ts | - |
| Privacy > Updates | Available, but needs to be modified | updates.ts | - |
| Privacy > Stories | Available, but needs to be modified | stories.ts | - |
| Privacy > Stories questions | Available, but needs to be modified | stories-questions.ts | - |
| Privacy > Stories replies | Available, but needs to be modified | stories-replies.ts | - |
| Native Plugins | Status | Source Code | Issue |
| Camera preview | Available | app.component.ts | - |
| Push notifications | Not started | - | - |
| Touch ID | Not started | - | - |
| Native Keyboard | Not started | - | - |
| Media | Not started | - | - |
| In App Browser | Not started | - | - |
| File | Not started | - | - |
| Device | Not started | - | - |
| Geolocation | Not started | - | - |
| Image Picker | Not started | - | - |
| ... | ... | ... | ... |
Preview
YOUTUBE DEMO V1 ANDROID - YOUTUBE DEMO V2 iOS
Supporting platforms
In pursuit of adaptive styling, Ionic fully supports and is well tested on the mobile platforms listed below:
| Platform | Version |
|---|---|
| Android | 5.0+ |
| iOS | 11.0+ |
See Ionic Docs for more information.
Contributors
Want to start contributing to open source with ionic? Leave your mark and join the growing team of contributors!
Get started by checking out list of open issues and reading Contributor Guide
License
License MIT (see the LICENSE file for the full text)