Sample Snack app

Open the App.js file to start writing some code. You can preview the changes directly on your phone or tablet by scanning the QR code or use the iOS or Android emulators. When you're done, click Save and share the link!

When you're ready to see everything that Expo provides (or if you want to use your own editor) you can Download your project and use it with expo cli).

All projects created in Snack are publicly available, so you can easily share the link to this project via link, or embed it on a web page with the <> button.

If you're having problems, you can tweet to us @expo or ask in our forums or Discord.

Snack is Open Source. You can find the code on the GitHub repo.

Theory

Classroom App using React Native is a simple application designed to facilitate online learning and classroom management. These apps are commonly used in educational institutions, schools, colleges, and universities to enhance the teaching and learning experience.

Approach to Create Classroom App:

The Classroom App is a simple application designed to facilitate online learning and classroom management. In this app, we created a beautiful UI for the classroom app. In the classroom app, we added multiple features including a table button by which students can access the timetable section. The Timetable screen shows the schedule for various courses, including the time and corresponding subject. We also included a “Study Material” button to access a collection of study materials related to the courses. Each study material entry includes a title and a link. Tap on a study material to open the link in a browser. In both the Timetable and Study Material screens, there is a “Back to Home” button at the bottom. Tap it to return to the Home screen.

Features of a Classroom App:

Creation and organization of courses, subjects, or classes. Recording and monitoring student attendance. Displaying class schedules and timetables. Allowing students to create and manage their profiles.

Steps to Create React Native Application:

Step 1: Create a react native application by using this command in the command prompt

React-native init Classroom App

Step 2: We will use some Icons in our app so, we will install dependency for icons.

npm i react-native-vector-icons npm i react-native-fontawesome

JSON

"dependencies": { "mobx": "4.1.0", "mobx-react": "5.0.0", "@expo/vector-icons": "^13.0.0", "react-native-elements": "0.18.5", "react-native-vector-icons/FontAwesome": "*", "react-native-vector-icons": "10.0.3" }

Step to Run the Project:

Step 1: Depending on your operating system, type the following command

For android:

React-native run-android

For IOS:

React-native run-ios