aadii-shah / coffee-app-ui-react-native

coffee-app-ui-react-native

Coffee App UI using React Native

Create a beautiful Coffee App user interface using React Native, Expo, Tailwind CSS, animations, Heroicons, and navigation. In this project, you will also learn how to create React Native tabs and routing to enhance the user experience.

Overview

This project is designed to help you build a visually appealing and functional Coffee App UI. It utilizes the following technologies and features:

• React Native: A popular JavaScript framework for building mobile applications.
• Expo: An open-source platform for building React Native applications with ease.
• Tailwind CSS: A utility-first CSS framework that simplifies UI development.
• Animations: Enhance your UI with smooth and engaging animations.
• Heroicons: A set of free, MIT-licensed high-quality SVG icons for your web projects.
• Navigation: Learn how to set up navigation and tabs in a React Native application.

Getting Started

To get started with this project, follow these steps:

1. Clone the Repository: Use git clone to clone this repository to your local machine.

2. Installation: Run npm install to install the project dependencies.

3. Development: Start the development server with npm start.

4. Expo: Use Expo to run the app on your preferred platform (iOS/Android) or emulator.

Project Structure

The project is organized into various components, screens, and utility files to help you understand and modify the Coffee App UI.

Contributing

We welcome contributions to enhance the project. Feel free to open issues, submit pull requests, and share your ideas.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Output on iOS Emulator