manaswini123456 / basicnative

A set of beginner friendly mini projects that you can build while learning React Native. Participating in GSSoC'24

📲 BasicNative 📲

A collection of beginner friendly projects based on React Native Expo to help beginners get started with Application Development.

📸 Project Screenshots: 📸

Basic Components	Image Gallery	Rock Paper Scissors Game	Book Finder
Calculator	Movie Finder	Color Generator	To Do List
QR Scanner	QR Generator	Tic Tac Toe	Timer App

---

🧐 Features 🧐

Here're some of the project's best features:

• Beginner friendly projects
• Easy to understand code
• Implementation of all the fundamental concepts of React Native

---

💻 Built with 💻

Technologies used in the project:

• React Native Expo
• Tailwind CSS

---

🛠️ Installation Steps: 🛠️

1. Clone the repository

git clone "https://github.com/smilewithkhushi/BasicNative.git"

2. Change the working directory

cd BasicNative

3. Open the Visual Studio Code (recommended)

code .

4. Install required packages

npm install

5. Start the deployment server

npx expo

6. Start the Native Expo Project

npx expo start

---

🛠️ Fixing: 🛠️

There are a few points that needs to be taken care of when working with React Native.It might be possible that the app might not produce the required results due to version discrepencies. During such issues the following options can be utilised:

1. Try to downgrade or upgrade the 'Expo Go' app when there is version incompatibility.

2. In case of node_modules incompatibility the following command comes into roleplay.

npx expo install --fix

3. If there is an issue to use commands containing 'expo' then, the following command would help in fixing the issue.

npm install -g react-native-cli

4. If there is an error while using the QR Scanner or QR Generator try to use the below given commands.

npm install react-native-qrcode-svg

---

🛡️ License: 🛡️

This project is licensed under the MIT