Crafting My Budgeting App with a Bunch of Helpful Tools! ๐Ÿ› ๏ธ๐Ÿ“Š

SouhaibSouhaib
2 min read

Hey everyone,

I'm excited to share a bit more about how I put together my budgeting app. It's been quite a journey turning my weekend into a productive coding session. Here's a breakdown of the tools and libraries I used to make it all happen:

๐Ÿš€ Getting Started with a Stylish Entry: For the welcoming slides that guide users through the app's features, I relied on the react-native-app-introslider library. It helped me create a smooth and engaging onboarding process, setting the tone for what's to come.

๐Ÿ” Securing with Firebase Authentication: To make sure everything is safe and secure, I turned to Firebase Authentication. It handles the login process effortlessly, making sure only authorized users get access to the app's features.

๐Ÿ’ก Designing with a Personal Touch: The app's user interface was a labor of love. I designed it all by myself, drawing inspiration from various budgeting app designs out there. This allowed me to create a unique look and feel that I think you'll enjoy.

๐ŸŒ— Dark Theme and User State Management: To give users the option of a dark theme and manage their sessions seamlessly, I leaned on Redux (for state management) and react-native-async-storage (for saving user preferences). This way, users can personalize their experience while keeping their data intact.

๐Ÿ“Š Visualization with React-Native-Gifted-Charts: When it came to displaying your financial data in a user-friendly way, I turned to the react-native-gifted-charts library. It allowed me to easily present charts and graphs, helping you make sense of your expenses and savings.

๐ŸŽฏ Goals, Progress, and rn-multi-progress-bar: For the exciting goals feature, I employed the rn-multi-progress-bar library. This nifty tool made it a breeze to show the progress of various goals, giving you a sense of accomplishment as you work towards them.

๐Ÿ”ฅ Database Management with Firebase Firestore: All the data magic happens thanks to Firebase Firestore. It handles the behind-the-scenes work of storing and managing your financial information, ensuring everything is up-to-date and accessible.

๐Ÿ“ท Photos and Firebase Cloud Storage: When it comes to adding photos and saving them securely, Firebase Cloud Storage comes to the rescue. This is particularly handy for profile pictures and other media and react-native-image-crop-picker for selecting files.

๐Ÿ“ฑ Platform Expansion in the Works: As of now, my app is rocking the Android platform. But fear not, an iOS version is in the pipeline. I'm committed to ensuring everyone gets to experience the app, no matter their preferred device.

Thanks for joining me on this journey of app creation and learning. If you're curious to give it a spin or chat about app development, feel free to reach out!

Here's to weekends well-spent, learning, and creating! ๐ŸŒŸ๐Ÿ‘จโ€๐Ÿ’ป

0
Subscribe to my newsletter

Read articles from Souhaib directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Souhaib
Souhaib