Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fberrez/minihabits
A minimalist habit tracking app that helps you build lasting habits through simple daily interactions. Built with React Native and Expo, minihabits focuses on clean design and thoughtful interactions to make habit formation feel effortless. Features dark mode support, streak tracking, and haptic feedback for a native feel.
https://github.com/fberrez/minihabits
21days habit-tracking habits native productivity react
Last synced: 2 days ago
JSON representation
A minimalist habit tracking app that helps you build lasting habits through simple daily interactions. Built with React Native and Expo, minihabits focuses on clean design and thoughtful interactions to make habit formation feel effortless. Features dark mode support, streak tracking, and haptic feedback for a native feel.
- Host: GitHub
- URL: https://github.com/fberrez/minihabits
- Owner: fberrez
- Created: 2024-12-11T21:24:13.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-15T21:04:13.000Z (about 1 month ago)
- Last Synced: 2025-01-23T22:18:10.699Z (4 days ago)
- Topics: 21days, habit-tracking, habits, native, productivity, react
- Language: TypeScript
- Homepage:
- Size: 449 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# minihabits.
A minimalist habit tracking app built with React Native and Expo, designed to help users build and maintain daily habits with a clean, intuitive interface.
## Features
- 🌓 Dark/Light mode support
- 📱 Clean, modern UI with smooth animations
- 📊 5-day habit tracking view
- 🔥 Streak counting
- 💾 Persistent storage using AsyncStorage
- 📲 Haptic feedback for interactions
- 🔍 Detailed habit view
- ➕ Easy habit creation with modal interface
## Tech Stack
- React Native
- Expo
- TypeScript
- React Navigation
- AsyncStorage
- Expo Haptics
- Expo BlurView
- Moment.js
## Getting Started
### Prerequisites
- Node.js (v14 or later)
- npm or yarn
- Expo CLI
- iOS Simulator (for iOS testing)
- Android Studio (for Android testing)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/fberrez/minihabits.git
```
2. Install dependencies:
```bash
cd minihabits
npm install
```
3. Start the development server:
```bash
npm run ios
```
## Project Structure
```bash
├── app/
│ ├── (tabs)/
│ │ ├── index.tsx # Main habits screen
│ │ ├── layout.tsx # Tab navigation layout
│ │ └── HabitDetailsScreen.tsx
│ └── layout.tsx # Root layout with theme provider
├── components/
│ ├── CustomSplash.tsx # Splash screen component
│ ├── ThemedText.tsx
│ └── ThemedView.tsx
├── constants/
│ └── StorageKey.tsx
└── hooks/
└── useColorScheme.ts
```