npm install -g @angular/cli
npm install -g ionic
npm install @capacitor/core @capacitor/cli
git clone https://github.com/chouaibMo/ionic-todolist-app.git
cd todoList
npm install
ionic serve
click here or here
- Email sign in and registration
- Email verification
- Password recovery
- Google authentication
- Facebook authentication
- Form errors validation
- Form errors handling (with toasts)
- Firestore security rules
- Create/Delete a list
- Create/Delete a task
- searchbar for lists and tasks
- Share lists (permissions : readonly, read and write, share)
- List progress with animation
- Profile page : show & update user informations
- Settings page : enable/disable provided functionalities
- Routing guards
- Progressive web app
- Erogonomic UX/UI design
- Custom first launch tutorial
- Custom application icon
- Custom plashScreen (splash-screen plugin)
- Status bar updated when mode changes (dark/light)
- Show toast when network status changes (network plugin)
- Loading indicator (spinner) during auth operations
- Enable/disable dark mode
- Enable/disable delete confirmation (for lists and tasks)
- Enable/disable Haptics/Vibrations (haptics plugin)
- Enable/disable text to speech (text-to-speech plugin)
- Select speech speed (text-to-speech plugin)
- Select speech language (supported only on web platform, english for iOS and Android)
- Settings stored in local storage (local storage plugin)
- Update user information.
- Update user picture : take picture - choose from galery - remove (camera plugin + action-sheet)
- Offline mode (create/delete lists or tasks)
- Show contributors (readers and writers) of each list
- Add tasks with address ( address search bar with autocompletion)
- Cast address to long/lat using geocoding (mapbox package)
- Speak if text-to-speech enabled in settings (text-to-speech plugin)
- Show address in a mapbox with a marker (if address provided in task)
- Show user localisation if available (geolocation plugin)
- Call members with provided phone number (call-number plugin)
- Open in-app browser (browser plugin)
- Share message with other apps (share plugin)
Mapbox (mapbox)
- ✅ mapbox-gl-js
- ✅ mapbox-gl-directions
Capacitor official plugins (capacitor-plugins)
- ✅ @ionic/pwa-elements
- ✅ @capacitor/storage
- ✅ @capacitor/local-notifications
- ✅ @capacitor/share
- ✅ @capacitor/camera
- ✅ @capacitor/network
- ✅ @capacitor/haptics
- ✅ @capacitor/geolocation
- ✅ @capacitor/browser
- ✅ @capacitor/action-sheet
- ✅ @ccapacitor/splash-screen
- ✅ @capacitor/status-bar
- ✅ @ionic-native/call-number
- 🆘 capacitor-biometric-auth (Not working)
Capacitor community plugins (capacitor-community)
- ✅ @capacitor-community/text-to-speech
- ✅ @capacitor-community/facebook-login
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent