This is a simple web browser app built with NativeScript and Angular. It is designed to be a minimalistic, lightweight web browser capable of basic navigation functions such as going back, going forward, and entering a URL.
- A back button for navigating to previously viewed pages
- A forward button for navigating to pages that have been backed out of
- A URL text field for directly entering website URLs
- A WebView component from NativeScript core for web-page rendering
The project has a typical NativeScript project structure with Angular:
.
├── App_Resources // Platform-specific resources like app icons and launch screens
├── src // Source code for the application
│ ├── app // Angular application
│ │ ├── app-routing.module.ts // Angular routes
│ │ ├── app.component.html // Main app component template
│ │ ├── app.component.ts // Main app component logic
│ │ └── browser // Browser component
│ │ ├── browser.component.html // Browser component template
│ │ └── browser.component.ts // Browser component logic
│ ├── app.css // Global CSS for the application
│ ├── main.ts // Main entry point for the application
│ └── polyfills.ts // Polyfills required by Angular
├── tsconfig.json // TypeScript configuration
└── webpack.config.js // Webpack configuration
Prerequisites:
- Node.js and npm installed
- NativeScript CLI installed (
npm install -g nativescript)
To get started with this project:
- Clone the repository:
git clone <repo_url>. - Install dependencies:
npm install. - Run the app on iOS:
ns run ios. - Run the app on Android:
ns run android.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.