Practice React Native Project for beginners
I am not going to show you how to do it but I am attaching design files where you can practice multiple things related to React Native that you will do someday in your job project.
You will learn following things after doing this project.
- Screen navigation
- Date Picker and Conversions
- Local storage Management
- Project structure
- Common reusable Components
Design Images, you don’t have to judge my design abilities. Show your creativity.
If user came first time, app should remember user’s email and password in local storage. Saving password is not good thing but we are only focusing on React Native and not doing it with backend. It’s just a practice project. Login page should have validations on email format and password length.
We have two tabs, home shows listing of stories and second shows calendar view.
User can add and edit Diary Stories. On add and edit your will learn how Date picker works. All entries should be saved in local storage and on edit it should update value in localStorage.
On Calendar view, hallow circles shows the entries available on that date. Filled circle shows selected date. On date select It shows diary story for that date.
On Story click from home or calendar It shows Story detail view.
For Gradient view (multiple color buttons) You can use
A component for react-native, as seen in react-native-login. First, install it with npm install…
For Date Picker Modal
An enhanced React Native modal. Latest version: 13.0.1, last published: 2 months ago. Start using react-native-modal in…
For Date Picker
A datetime picker for React Native. In-modal or inlined. Supports Android and iOS.. Latest version: 4.2.1, last…
For Date conversion
Moment.js | Home
npm install moment --save yarn add moment Install-Package Moment.js spm install moment --save meteor add…
React Native Calendar Components. Latest version: 1.1284.0, last published: a day ago. Start using…
I have attached useful npm packages those I have used multiple time and are very useful and simple. Although you can find better resources.