https://github.com/vinay-patel22/brewcraft
BrewCraft is a visually stunning mobile app for coffee shops, built with React Native. It features a sleek UI with smooth navigation, soft blur effects, animated elements via Lottie, and gradient visuals. The app ensures an intuitive user experience with state management using Zustand and safe area support for optimal display.
https://github.com/vinay-patel22/brewcraft
coffee-shop javascript mobile-app react react-native reactjs uidesign vinay-patel vinay-patel22 zustand
Last synced: 27 days ago
JSON representation
BrewCraft is a visually stunning mobile app for coffee shops, built with React Native. It features a sleek UI with smooth navigation, soft blur effects, animated elements via Lottie, and gradient visuals. The app ensures an intuitive user experience with state management using Zustand and safe area support for optimal display.
- Host: GitHub
- URL: https://github.com/vinay-patel22/brewcraft
- Owner: vinay-patel22
- Created: 2024-02-16T12:44:28.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-06T10:09:13.000Z (8 months ago)
- Last Synced: 2025-03-30T10:15:57.446Z (27 days ago)
- Topics: coffee-shop, javascript, mobile-app, react, react-native, reactjs, uidesign, vinay-patel, vinay-patel22, zustand
- Language: TypeScript
- Homepage:
- Size: 18.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ☕ **BrewCraft** ☕
## Project Overview
**BrewCraft** is a beautifully designed mobile application that provides an aesthetically pleasing interface for a coffee shop. The app is focused on delivering a smooth and elegant user experience through its minimalistic design and intuitive navigation.
## Features
- 🚀 **Beautiful UI**: Sleek and modern design to enhance the user experience.
- 🖼️ **Blur Effects**: Soft blur effects for a refined and polished appearance.
- 🔀 **Smooth Navigation**: Seamless navigation using bottom tabs and stack navigation.
- 🌟 **Animated UI Elements**: Integration of Lottie animations for a dynamic interface.
- 🌈 **Gradient Effects**: Eye-catching linear gradients to add depth and style to the UI.
- 🛡️ **Safe Area Support**: Ensures UI elements are correctly displayed in safe areas.
## Tech Stack
- **React Native**: The core framework for building the app.
- **React Navigation**: For managing navigation between screens (`@react-navigation/native`, `@react-navigation/bottom-tabs`, `@react-navigation/native-stack`).
- **Async Storage**: To handle local data storage (`@react-native-async-storage/async-storage`).
- **Lottie React Native**: For adding animated visual effects.
- **Zustand**: State management for simpler and faster state handling.
- **Vector Icons**: Rich set of icons for enhancing the UI.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/vinay-patel22/BrewCraft.git
```
2. Install dependencies:
```bash
npm install
```
3. Run the app:
- For Android:
```bash
npm run android
```
- For iOS:
```bash
npm run ios
```
## Scripts
- `android`: Run the app on an Android device or emulator.
- `ios`: Run the app on an iOS device or simulator.
- `lint`: Check for code linting issues using ESLint.
- `start`: Start the React Native bundler.
- `test`: Run unit tests using Jest.
## License
This project is licensed under the MIT License.