Full Stack Expense Tracker App with React Native & Expo | Udemy

Are you ready to build a real-world mobile application and strengthen your frontend developer portfolio?

In this course, you will build a full-stack expense tracker app that runs on both iOS and Android, with full light and dark mode support using React Native, Expo, Neon, and Clerk.

This is a project-first course focused on practical implementation rather than theory.

What you’ll build

You will build a full-stack mobile application using React Native, Expo, Neon, and Clerk. This financial app allows you to track expenses, add new ones, view insights, and perform actions like editing and deleting.

By the end of this course, you will have a mobile application that you can add to your resume and portfolio.

Tech Stack Used

• React Native and Expo for cross-platform mobile development
• Clerk for secure authentication, including Google, GitHub, and Apple
• Neon for secure data handling, integrated with an ORM called Drizzle for database management
• TypeScript for writing clean, reliable, and production-ready code
• NativeWind for styling and professional UI

Project Features

Authentication & Security

• Users can sign in and sign up using Google, GitHub, and Apple
• Protected routes for authenticated users

Expense Tracking

• Users can add expenses by entering the title, amount, category, date, and icon
• Users can create, update, and delete expenses through a clean workflow
• View monthly expenses with beautiful charts and a total expense summary card
• Supports categories such as Food, Entertainment, Bills, Transport, and more
• Track top spending categories
• View recent transactions in a clean UI

Profile & Account Management

• View and update user details such as name, profile, and username
• Delete the user account
• Log out functionality, with options to link or remove Google, GitHub, and Apple accounts

Build & Deployment

• Configure Expo for production builds
• Understand real-world development and maintenance workflows

Course Outcome

• Build a full-stack mobile application using React Native and Expo
• Implement secure authentication using Clerk (Google, GitHub, and Apple)
• Design and manage a scalable backend using Neon PostgreSQL and Drizzle ORM
• Create and manage expenses with full CRUD operations
• Develop clean, responsive, and professional UI
• Manage global state efficiently using Zustand
• Apply industry-standard patterns for scalable and maintainable applications
• Work with Expo API routes
• Implement charts and insights for real-world data visualization
• Add full-stack project to your resume and portfolio

If you’re ready to build something impressive and gain real-world skills, let’s get started. I’ll see you inside the course.