THAPA TECHNICAL

HOUSE OF WEB DEVELOPERS AND TECHNOLOGY.

React Native Project in 2022

React Native App Online Education 


Welcome Guys, we start working on React Native Projects from this video.  

In this video, we are seeing the preview of the Online Education App in React Native. 


In Online Education App, we make Home Screen, Courses Cards, Course Details, Biodata of Enrolled Students, About Us Screen, Contact Us Screen. Also, we are making only one card and other cards are created automatically using API. 

Then, we have to Install the Expo and create one new project. Then, we learn about How to run the app on Emulator, Mobile, and also on Web Browser

You can check the complete playlist of my React Native 👇



Below is the source of our React Native Online Education App

The source is which I am sharing is what we have completed till now. For further complete source code of the complete react native app, you need to check my last video of this playlist and in the description section, you will get the link.





Please, Subscribe to my channel, By clicking below on the YouTube button 🙏. Always remember you are awesome 😀



My App.js file source code


My Menu.js file source code

Keep the menu.js file inside the component directory inside the src directory.



My Home.js file source code


Please, Subscribe to my channel, By clicking below on the YouTube button 🙏. Always remember you are awesome 😀



My Course.js file source code



My CourseDetails.js file source code

When user click on any one of the course card then they will redirect to the course details screen.



My UserData.js file source code



My AboutUs.js file source code



My ContactUs.js file source code


Click here to download the Complete Source Code of React Native Online Education App from GitHub:  https://github.com/thapatechnical/reactNative 

5 comments: