-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Saboten758
committed
Aug 27, 2023
1 parent
fd289f7
commit 3a5425f
Showing
16 changed files
with
189 additions
and
84 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,79 +1,66 @@ | ||
This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli). | ||
# Lemon Player | ||
|
||
# Getting Started | ||
A chill app where you play music from Live Radio Stations, get vaporwaved by the Plaza Radio, get RSS feeds about anime, manga, games and also chill out with web games :> | ||
|
||
>**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding. | ||
## Table of Contents | ||
|
||
## Step 1: Start the Metro Server | ||
- [Features](#features) | ||
- [Installation](#installation) | ||
- [Screenshots](#screenshots) | ||
- [Usage](#usage) | ||
- [Contributing](#contributing) | ||
|
||
First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native. | ||
## Features | ||
|
||
To start Metro, run the following command from the _root_ of your React Native project: | ||
- Simple music player with Nightwave Plaza radio and other radios like J1 FM. | ||
- Gets RSS feeds stright to your Mobile. (Anime News Network, Kotaku, etc.) | ||
- Plays simple webgames by utilizing android WebView. | ||
- Gives recomendations for movies & T.V. shows by utilizing WebView. | ||
- Checks Github Releases for keeping itself updated! | ||
|
||
```bash | ||
# using npm | ||
npm start | ||
## Installation | ||
|
||
# OR using Yarn | ||
yarn start | ||
``` | ||
1. Clone the repository: | ||
```bash | ||
git clone https://github.com/Saboten758/Lemon_Player | ||
2. Navigate to the project directory: | ||
```bash | ||
cd Lemon_Player | ||
3. Install the dependencies: | ||
```bash | ||
npm install | ||
4. Run the project: | ||
```bash | ||
npm start | ||
5. You can also try the latest released apk in the releases section. (Android 9 and up only) | ||
## Step 2: Start your Application | ||
This will start the Metro bundler and launch the project on an emulator or connected device. | ||
Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app: | ||
## Screenshots | ||
<div style="text-align:center"><img src="https://i.imgur.com/Cg35TkR.jpeg" width="320" height="700" style="display: block; margin: 0 auto" ><br/> | ||
Radio<br/> | ||
<div style="text-align:center"><img src="https://i.imgur.com/xmrcmpL.jpeg" width="320" height="700" style="display: block; margin: 0 auto" ><br/> | ||
Explore Page<br/> | ||
<img src="https://i.imgur.com/vKg1Fao.jpeg" width="320" height="700" style="display: block; margin: 0 auto" ><br/> | ||
Different RSS feeds<br/> | ||
<img src="https://i.imgur.com/WQ6r7Nt.jpeg" width="320" height="700" style="display: block; margin: 0 auto" ><br/> | ||
Plaza Radio & J1 Radio ♫<br/> | ||
<img src="https://i.imgur.com/xMVEbG4.jpeg" width="320" height="700" style="display: block; margin: 0 auto" ><br/> | ||
Manga Page<br/> | ||
<img src="https://i.imgur.com/v2kvu5O.jpeg" width="320" height="700" style="display: block; margin: 0 auto" ><br/> | ||
Exploring RSS feeds using WebView<br/> | ||
### For Android | ||
```bash | ||
# using npm | ||
npm run android | ||
# OR using Yarn | ||
yarn android | ||
``` | ||
### For iOS | ||
```bash | ||
# using npm | ||
npm run ios | ||
## Usage | ||
1. Play Online Radio from the Player section | ||
2. Get RSS feeds in the Explore Section | ||
3. Get Movie & Anime Recomendations in the T.V. Shows Section. | ||
4. Read Manga and explore RSS feeds by using android WebView | ||
# OR using Yarn | ||
yarn ios | ||
``` | ||
If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly. | ||
This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively. | ||
|
||
## Step 3: Modifying your App | ||
|
||
Now that you have successfully run the app, let's modify it. | ||
|
||
1. Open `App.tsx` in your text editor of choice and edit some lines. | ||
2. For **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Developer Menu** (<kbd>Ctrl</kbd> + <kbd>M</kbd> (on Window and Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (on macOS)) to see your changes! | ||
|
||
For **iOS**: Hit <kbd>Cmd ⌘</kbd> + <kbd>R</kbd> in your iOS Simulator to reload the app and see your changes! | ||
|
||
## Congratulations! :tada: | ||
|
||
You've successfully run and modified your React Native App. :partying_face: | ||
|
||
### Now what? | ||
|
||
- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps). | ||
- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started). | ||
|
||
# Troubleshooting | ||
|
||
If you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page. | ||
|
||
# Learn More | ||
|
||
To learn more about React Native, take a look at the following resources: | ||
|
||
- [React Native Website](https://reactnative.dev) - learn more about React Native. | ||
- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment. | ||
- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**. | ||
- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts. | ||
- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native. | ||
## Contributing | ||
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request. Peace!! |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.