twikkl-app

所属分类:Web3.0
开发工具:TypeScript
文件大小:0KB
下载次数:0
上传日期:2023-06-29 23:25:40
上 传 者sh-1993
说明:  具有社交服务等功能的去中心化视频共享应用程序,
(Decentralized video sharing app with social services and more,)

文件列表:
.env (59, 2023-09-21)
.idea/ (0, 2023-09-21)
.idea/misc.xml (172, 2023-09-21)
.idea/modules.xml (272, 2023-09-21)
.idea/twikkl-app.iml (336, 2023-09-21)
.idea/vcs.xml (167, 2023-09-21)
.prettierignore (263, 2023-09-21)
.prettierrc.json (182, 2023-09-21)
CODE_OF_CONDUCT.md (5495, 2023-09-21)
CONTRIBUTING.md (2390, 2023-09-21)
LICENCE.md (1054, 2023-09-21)
app.json (1230, 2023-09-21)
app/ (0, 2023-09-21)
app/Discover/ (0, 2023-09-21)
app/Discover/[id].tsx (1392, 2023-09-21)
app/Discover/index.tsx (9306, 2023-09-21)
app/Discover/index1.tsx (10243, 2023-09-21)
app/Home.tsx (4430, 2023-09-21)
app/Notification.tsx (13767, 2023-09-21)
app/Profile.tsx (4393, 2023-09-21)
app/Wallet.tsx (672, 2023-09-21)
app/_layout.tsx (1586, 2023-09-21)
app/auth/ (0, 2023-09-21)
app/auth/AuthLayout.tsx (1754, 2023-09-21)
app/auth/ForgotPassword.tsx (3664, 2023-09-21)
app/auth/Login.tsx (2304, 2023-09-21)
app/auth/Register/ (0, 2023-09-21)
app/auth/Register/Signup.tsx (2390, 2023-09-21)
app/auth/Register/index.tsx (4481, 2023-09-21)
app/auth/Register1.tsx (4985, 2023-09-21)
app/auth/_layout.tsx (651, 2023-09-21)
app/auth/data.ts (806, 2023-09-21)
app/auth/index.tsx (1486, 2023-09-21)
app/index.ts (61, 2023-09-21)
app/video/ (0, 2023-09-21)
app/video/CaptionVideo.tsx (6599, 2023-09-21)
app/video/CreateUploadVideo.tsx (12209, 2023-09-21)
... ...

TwikkL Icon
- [Intro](https://github.com/JiggyDevs/twikkl-app/blob/master/#intro) - [Demo](https://github.com/JiggyDevs/twikkl-app/blob/master/#demo) - [Getting started](https://github.com/JiggyDevs/twikkl-app/blob/master/#getting-started) - [Deploy locally](https://github.com/JiggyDevs/twikkl-app/blob/master/#deploy-locally) - [Navigation](https://github.com/JiggyDevs/twikkl-app/blob/master/#navigation) - [Styling](https://github.com/JiggyDevs/twikkl-app/blob/master/#styling) - [Contributing](https://github.com/JiggyDevs/twikkl-app/blob/master/#contributing) ## Intro Welcome ! This is the place to get started with **TwikkL** app. We introduce you to the very interesting topics and aspects. Also, we give support to mobile dev community to learn. This app is intended to be a cross-platform [_DApp_](https://github.com/JiggyDevs/twikkl-app/blob/master/https://www.investopedia.com/terms/d/decentralized-applications-dapps.asp) (for Android and iOS), that makes live-streaming, record, share videos and provide services. NOTE: If you are an experienced person and want to give us your support or point of view or if you are a beginner who would like to ask some questions feel free to contact us in [Discussions](https://github.com/JiggyDevs/twikkl-app/blob/master/https://github.com/JiggyDevs/twikkl-app/discussions) . ## Demo This following demo animated image, represents the actual version of the app. Yes, it's still new
Expand demo-here
## Getting started Before you start make sure that you have at least ~15 minutes to set up your dev environment. The most important techs used are : 1. [ReactJS](https://github.com/JiggyDevs/twikkl-app/blob/master/https://react.dev/) 2. [React Native](https://github.com/JiggyDevs/twikkl-app/blob/master/https://reactnative.dev/) (Without need for RN CLI) 3. Expo [Managed](https://github.com/JiggyDevs/twikkl-app/blob/master/https://docs.expo.dev/archive/managed-vs-bare/#managed-workflow) 4. [React Native Paper](https://github.com/JiggyDevs/twikkl-app/blob/master/https://callstack.github.io/react-native-paper/) (This is a UI library) 5. [Expo Router](https://github.com/JiggyDevs/twikkl-app/blob/master/https://docs.expo.dev/guides/routing-and-navigation) (Smart routing) NOTE: Don't worry if you don't know few of these, it's fine . But if you are totally new to these, then we recommend you to learn some basics. If so, we suggest you to follow the [React Native basics guide](https://github.com/JiggyDevs/twikkl-app/blob/master/https://reactnative.dev/docs/getting-started) Next, make sure to install the following tools on your local machine and Os: 1. Node.js (We recommend [LTS version](https://github.com/JiggyDevs/twikkl-app/blob/master/https://nodejs.org/en/) v16 or higher) 2. A JavaScript IDE such as VsCode/Webstorm etc... 3. Git installed (visit [the GitHub's guide on how to set up Git](https://github.com/JiggyDevs/twikkl-app/blob/master/https://docs.github.com/en/get-started/quickstart/set-up-git)) You can run the app for free, by using [Expo Go App](https://github.com/JiggyDevs/twikkl-app/blob/master/https://expo.dev/client) (available on Android and iOS), it makes you run the app on a physical device. If you want to use emulator or iOS simulator, we recommend you to visit the following links: - [Android emulator setup guide](https://github.com/JiggyDevs/twikkl-app/blob/master/https://docs.expo.dev/workflow/android-studio-emulator/) - [iOS simulator setup guide](https://github.com/JiggyDevs/twikkl-app/blob/master/https://docs.expo.dev/workflow/ios-simulator/) If you want to run the app on web navigator like Chrome or Mozilla, then you'll have to [add few additional dependencies](https://github.com/JiggyDevs/twikkl-app/blob/master/https://docs.expo.dev/workflow/web/). ## Deploy locally Once you're ready with the tools mentioned above, you can import source code using _Git CLI_ with the following command: ``` git clone https://github.com/JiggyDevs/twikkl-app.git ``` 2. Next, install the app using npm: `npm install`) 3. run the following command from the project root directory: ``` npx expo start ``` NOTE: If you're looking to use [Yarn](https://github.com/JiggyDevs/twikkl-app/blob/master/https://yarnpkg.com/) then you have to delete the [package-lock.json](https://github.com/JiggyDevs/twikkl-app/blob/master/package-lock.json) file just after the clone. Then, use `yarn install` to install dependencies. ## Navigation We use [Expo Router](https://github.com/JiggyDevs/twikkl-app/blob/master/https://expo.github.io/router/docs) as a small framework to manage routing. All screens are defined under [/app](https://github.com/JiggyDevs/twikkl-app/blob/master//app) folder. Currently, there are few pages to test the navigation (Register and Home). We think that navigation business logic can become much better as the app grow and state management is up. ## Styling The styling integration must follow the design prototype, which is currently exposed as few examples under [/docs](https://github.com/JiggyDevs/twikkl-app/blob/master//docs/design-imgs) folder. If you are interested in watching all examples (the design roadmap), we invite you to use our [Figma link](https://github.com/JiggyDevs/twikkl-app/blob/master/https://www.figma.com/file/TtG5t7l8EQIA4BwfFMRAAI/TwikkL?node-id=418%3A36&t=rxx6eB7V3se1yrOr-1) , just create a free account, and you're to download it. Also, notice the theme setup in [theme.ts](https://github.com/JiggyDevs/twikkl-app/blob/master//src/configs/theme.ts) file, this configuration is made following [React Native Paper theming guide](https://github.com/JiggyDevs/twikkl-app/blob/master/https://callstack.github.io/react-native-paper/docs/guides/theming/). Finally, as for the icons, following the [Expo icons guide](https://github.com/JiggyDevs/twikkl-app/blob/master/https://docs.expo.dev/guides/icons/) we use [IcoMoon](https://github.com/JiggyDevs/twikkl-app/blob/master/https://icomoon.io/) tool to generate our own icon-set. ## Contributing Please see the [contributing](https://github.com/JiggyDevs/twikkl-app/blob/master/CONTRIBUTING.md) guide for detailed instructions on how to get started with us. We accept any sort of help that can make this project better, even a word like "Good luck!" .

近期下载者

相关文件


收藏者