https://github.com/mtmzakir/smartdiary-reactnativeapp

Mobile Application
https://github.com/mtmzakir/smartdiary-reactnativeapp

android expo ios react-native ui

Last synced: 24 days ago
JSON representation

Mobile Application

• Host: GitHub
• URL: https://github.com/mtmzakir/smartdiary-reactnativeapp
• Owner: mtmzakir
• Created: 2022-09-12T19:22:56.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-12T19:47:45.000Z (over 2 years ago)
• Last Synced: 2025-04-11T23:51:56.146Z (24 days ago)
• Topics: android, expo, ios, react-native, ui
• Language: JavaScript
• Homepage:
• Size: 414 KB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Smart Diary App Development
using React Native


### Indroduction 

Innovative-Tech is a well-reputed mobile application development company established in 

Colombo. They are trying to build innovative mobile applications for their customers. This year 

Innovative-Tech company agreed to invent a creative application for one customer.



In the preliminary discussion, stakeholders discussed the hybrid mobile application development 

method for this project. You have been appointed as a mobile application developer to the proposed 

project development team.


*The application should cover the following areas.*

Users need to register/Signup with the application.

- If the users forgot their Passwords, they must be able to reset them.

- Dashboard - Main categories should be listed

- Main categories

   


   
Personnel Works

     
Family Works

     
Office Works

     

- Once the user clicks the one category on Dashboard it should Navigate to the separate UI which contains the Add tasks to category screen. There user can select tasks


---

*Screenshot of UI*













---

### 1. Create a Project in Expo 

    npx create-expo-app SmartDiary

    cd SmartDiary

### 2. Install these dependencies inside the folder

in cmd>>>

    npm install @react-navigation/native

    npm install @react-navigation/stack

    expo install react-native-gesture-handler

    npm install @react-navigation/bottom-tabs

    npm install @react-navigation/drawer

    expo install react-native-gesture-handler react-native-reanimated

    expo install react-native-reanimated

    npm install react-native-elements --save --force

    npm install react-native-vector-icons --save

    

    

### 3. Replace all files files inside your Folder

### 4. Run app with this command

    expo start --clear

Credits to M.T.M. Zakir