Skip to content

Men6d656e/react_native_bootcamp

Repository files navigation

The reason your links are currently leading to a 404 error is because the URL structure is missing the /tree/main/ segment required by GitHub to navigate the file tree. I have also corrected the folder names in the links to match your actual directory structure (e.g., changing 02_expense to 02_expense_tracker).

Here is the corrected and fully working README.md:


📱 React Native Bootcamp Series

This repository documents my progression from Web Development to Mobile Development. It contains 6 full-stack projects built during my React Native bootcamp, moving from foundational concepts to complex real-time architectures.

📂 Repository Structure

The repository is organized into 6 distinct milestones. Each folder contains a dedicated README with specific technical details, environment setup, and backend documentation.

.
├── 01_todo_app_rn      # Real-time state with Convex
├── 02_expense_tracker  # Financial tracking & data management
├── 03_bookstore        # E-commerce flow & navigation
├── 04_twitter_clone    # Social features & Express/MongoDB
├── 05_recipe_app       # Relational data with Drizzle/Postgres
└── 06_instagram_clone  # Serverless Real-time architecture (Convex)


📌 Projects Overview & Gallery

Each project includes a dedicated gallery. You can find all high-resolution screenshots in the 📂 final_app_images directory.

✅ 01: Todo App

  • Focus: CRUD basics and dark mode.
  • Stack: React Native, Expo, Convex.
  • 🖼 View Screenshots

✅ 02: Expense Tracker

  • Focus: Form handling and data persistence.
  • Stack: React Native, Express Backend.
  • 🖼 View Screenshots

✅ 03: Bookstore

  • Focus: Complex navigation and catalog filtering.
  • Stack: React Native, Express/Node.
  • 🖼 View Screenshots

✅ 04: Twitter Clone

  • Focus: Social interactions (Likes, Follows) and NoSQL.
  • Stack: React Native, Clerk, Express, MongoDB.
  • 🖼 View Screenshots

✅ 05: Recipe App

  • Focus: Relational databases and external API integration.
  • Stack: React Native, Clerk, Drizzle ORM, Neon (PostgreSQL).
  • 🖼 View Screenshots

✅ 06: Instagram Clone (Capstone)

  • Focus: Real-time serverless architecture and reactive UI.
  • Stack: React Native, Clerk, Convex (BaaS).
  • 🖼 View Screenshots

🚀 Deployment & Usage

  • Releases: For each project, you can find a pre-compiled Android APK in the GitHub Releases section.
  • Setup: To run these projects locally, navigate into the specific project folder and follow the instructions in the local README.md.

Note

Projects 04, 05, and 06 use hosted cloud resources (Clerk, MongoDB, Neon, Convex). These demo services are maintained for 3 months post-release. To use the code after this period, you must configure your own infrastructure keys.


🎯 The Journey

This series served as a comprehensive "warm-up" to the mobile development lifecycle. I have explored:

  • Authentication: Clerk (Social & Email)
  • Databases: NoSQL (MongoDB), Relational (PostgreSQL), and Serverless (Convex).
  • Styling: NativeWind (Tailwind CSS) and StyleSheet.
  • State Management: TanStack Query and reactive subscriptions.

Maintained by Akash Transitioning from Web to Mobile, one project at a time.


Next Step: Copy this into your root README.md and commit the changes. Would you like me to double-check the folder names for any other directory in your repo?

About

This repository contain the bootcamp projects that i follow on youtube to learn the react native using expo

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors