jiggydevs / twikkl-app Goto Github PK
View Code? Open in Web Editor NEWDecentralized video sharing app with social services and more
License: MIT License
Decentralized video sharing app with social services and more
License: MIT License
Hello!
In the context of app-scaling, its obvious to have multiple screens and user(s) will want to navigate through. Thus, we expect to use react-navigation in combination with expo-router.
The project is getting serious and thats a good news ๐ . As its opensourced, it needs to be documented with minimum informations and guides to help visitors, contributors to understand it and be aware of its aspects.
TODO: Update README.md file and create a first acceptable documentation. Any further information or discussion can be exchanged here.
We need to include a "Wallet" screen (see screenshot below). This issue focuses on creating the static version of the "Wallet" screen, providing users with a visual representation of how it will look.
By including a "Wallet" screen, we can showcase the app's potential to handle financial activities and transactions seamlessly.
To consider this issue resolved, the following criteria should be met:
Respect our README and CONTRIBUTING guides.
Please refer to the design mockups and any relevant documentation provided to guide the implementation of the static "Wallet" screen. Keep in mind that this version of the screen does not require deep logic or backend functionality.
Feel free to reach out if you have any questions or need further clarification on TwikkL Discord or discussions.
According the design sheets, the app must have an internal navigator, known as bottom-tab navigator.
The first route must be for Home screen, you can add another fake page to test the movement.
New visitors will look for how the app must be visually, so they may ask about the design source files (Figma, Zeplin, Adobe XD etc..). If so, it might be better to put these sources up and ready to use.
It seems that, that kind of files may be heavy, so Git may not manage it quickly. That's why we think about putting these source files somewhere on cloud server, and add a small link to README file to download them easily.
According to the design, Users can either add a live video or upload a video.
The user also has the ability to edit video and also other functions according to the design
According to the design, users can share feeds with other users and also have access to many other share options.
This flow is a bottom sheet.
Hello!
A first native build on Android was created on Expo website. We've tried the app on emulator and device and it seems to be not ok.
According to the design, build all the screens in the discover flow.
This flow is accesible when users click in discover from the home screen.
Its a different screeb from the feed screen.
Home screen must be shown as a preview of the device's front or back camera. It must also have some icons as UI buttons.
In order to know the full perspective, please refer to design images available under /docs folder.
NOTE: currently there is actually a screen Create Account
(represented by Register.tsx file), and there is no navigation yet, so feel free to replace Register screen in App.tsx while you're developing it as follows:
export default function App() {
//.. some code
else {
return (
<PaperProvider theme={theme}>
<StatusBar style="auto" />
<ScreenHome /> // ๐ HERE
</PaperProvider>
);
}
}
Once done, we're going to add navigation setup between multiple screens.
In the context of starting dev on the app, we're interested to complete the 1st screen of it: Create new Account.
The design images are ready for use they are available under in docs folder.
According to the design, there are two kinds of profile screen, one for when you're viewing another user's profile and the other for when you're viewing your profile.
We are looking to set up 5 common languages:
The app must be translated in english as default.
The expressions must be taken, initially from the design images (available under /docs folder)
We think that testing is important, but its not an option, its essential! ๐
Following the React Native testing guide, it seems there are many sorts of tests in mobile development. We recommend to use Jest, which is a powerful tool to control components in tests.
Our app at its current stage has only 1 screen complete (hierarchy) which is Register.
Also, we think that Snapshot or Unit tests are good to start with. If there is more, it will be fine ๐ .
We suggest to follow the Expo testing guide as well, as it seems well organized.
For Integration Tests, we suggest to take a look at React Native Testing Library which seems to be powerful and effective ๐ฅ.
Currently, we dont have any exact rules like where to place tests or when to launch them, we're still analyzing the possible approaches.
Anyone with better suggestions are welcome
We would like to propose the implementation of a Dark Mode feature for each screen in the application. Currently, our app does not provide a Dark Mode option, and users who prefer a darker color scheme are not able to take advantage of this accessibility feature.
The goal of this issue is to introduce Dark Mode support throughout the app, allowing users to switch between light and dark themes seamlessly.
In the context of publishing the project with the dev communities, it's a good idea to create a Discord server where all members can meet and talk about issues, plans, events etc..
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.