/SelfLearn-ReactNativeApp

Mobile Application

Primary LanguageJavaScript

Self Learn App Development
using React Native

Indroduction

Learning based on mobile applications is more popular all around the world. As an undergraduate Software Engineering student, you can build attractive simple learning Applications with React Native. This app mainly targets to provide a rich experience regarding online programming (coding) learning resources to the users through one mobile app.

Features to be implemented in the book app

  • There should be screens to log in and register for the “Learn Coding App”.
  • “Learn Coding App” Home page should have main three categories such as,
    1. Web Application Development
    2. Mobile Application Development
    3. Standalone Application Development
  • Once the user clicked one category, the user should be navigated to the details view.
  • The details’ view displays a list of programming languages

Screenshot of UI

1. Create a Project in Expo

npx create-expo-app SelfLearn
cd SelfLearn

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