This repository contains a Jetpack Compose project showcasing the implementation of a bottom navigation bar, inspired by this tutorial. The project demonstrates the usage of Material3 components for creating a sleek and modern UI.

• Features
• Screenshots
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Code Explanation
• Components Used
• Contributing
• License
• Acknowledgements
• Contact

• Bottom Navigation Bar: Utilizes Material3 components to create a bottom navigation bar with icons and labels for easy navigation.
• Badge Notifications: Displays badge notifications on specific tabs to indicate the presence of new content or notifications.
• Sleek UI: Designed with modern UI principles, providing users with an intuitive and visually appealing experience.

Before running the project, ensure you have the following prerequisites installed:

• Android Studio Arctic Fox (2020.3.1) or later
• Android SDK version 31 or higher
• Kotlin version 1.5.0 or later

Follow these steps to install and run the project:

1. Clone the repository:

git clone https://github.com/springmusk026/Jetpack-Compose-BottomNavigation.git

2. Open the project in Android Studio.

3. Build and run the project on a compatible device or emulator.

1. Upon launching the app, you'll see the bottom navigation bar with four tabs: Home, Posts, Notifications, and Profile.
2. Tap on each tab to navigate between different sections of the app.
3. If there are any new notifications, a badge will appear on the Notifications tab.

• The MainActivity class sets up the main UI using Jetpack Compose.
• It initializes the bottom navigation bar with icons, labels, and badge notifications.
• The bottomNavItems list defines the navigation items with their properties.
• Each BottomNavItem represents a tab in the bottom navigation bar.

• This data class represents a single item in the bottom navigation bar.
• It contains properties such as title, route, selected icon, unselected icon, badge presence, and badge count.

• Scaffold: Provides a basic layout structure for the app screen, including the bottom navigation bar.
• NavigationBar: A custom navigation bar implementation for Jetpack Compose.
• NavigationBarItem: Represents a single item in the bottom navigation bar.
• BadgedBox: Displays a badge on top of an icon to indicate new notifications.
• Badge: Represents a badge notification with customizable content.
• Icon: Displays an icon image using either a vector or a bitmap.

Contributions are welcome! Please feel free to fork the repository and submit pull requests to suggest improvements or add new features.

This project is licensed under the MIT License.

• Thanks to YouTube Tutorial for providing inspiration for this project.
• Special thanks to the Jetpack Compose team for developing such an amazing toolkit for Android UI development.

For any inquiries or feedback, feel free to reach out to GitHub Profile.