Full Stack Engineer Course Overview

Aug 6, 2024

Full Stack Engineer Course Overview and Project Breakdown

Course Introduction

  • Learn to become a full stack engineer creating stunning websites and mobile apps
  • Build and deploy three applications to enhance your skills: Horizon (banking platform), Care Pulse (healthcare management system), Aura (React Native app for sharing AI-generated stock videos)
  • Skills from web development are transferable to mobile development using React hooks, components, and Next.js file-based routing

Projects Breakdown

1. Horizon - Online Banking Platform

  • Connects to multiple bank accounts
  • Displays transactions in real-time
  • Allows money transfers between users
  • Uses Plaid for bank account linking and transaction data
  • Features include signup, link bank account, view connected accounts, transaction history, and fund transfers

2. Care Pulse - Healthcare Management System

  • Real-time SMS notifications for appointments
  • Users can sign in with phone numbers, register with detailed personal and medical information
  • Schedule appointments, specify doctor, date, and comments
  • Admin panel for managing appointments, sending SMS notifications, and canceling appointments with reasons
  • Features include comprehensive patient registration, appointment scheduling, and admin functionalities

3. Aura - Full Stack React Native Application

  • Share AI-generated stock videos
  • Onboarding screen, authentication system, dynamic home screen with video playback
  • Search functionality, tab navigation, video and image upload, and profile screen
  • Uses React Native/Expo, Tailwind CSS, and other utilities for styling and navigation
  • Backend with authentication, databases, file storage, and SMS notifications using Appwrite

Course Highlights

  • Step-by-step guidance from basic setup to deployment
  • Detailed explanations of React Native fundamentals, including elements, styling, navigation, and animations
  • Emphasis on learning by building real-world applications
  • Integration of various modern development tools and libraries
  • Practical use of TypeScript, React Hook Form, Zod for form management and validation
  • Use of Tailwind CSS for styling and creating utility-first design
  • Building a scalable and maintainable project structure
  • Focus on mobile responsiveness and modern UI/UX practices
  • Hands-on experience with backend integrations like Plaid and Appwrite
  • Real-world problem-solving using advanced React Native and Expo features

Tools and Technologies

  • React and Next.js for web development
  • React Native and Expo for mobile app development
  • Tailwind CSS and NativeWind for styling
  • Shad CN for component library
  • Appwrite for backend services including authentication, database, file storage, and SMS
  • Sentry for application monitoring and debugging

Final Notes

  • Recommended to have a basic to medium understanding of React and Next.js
  • Course designed to provide practical skills and knowledge applicable to real-world projects
  • Encouragement to utilize provided resources like open-source codebase, Figma designs, and logical diagrams for better learning and implementation

By the end of the course, students will have built comprehensive applications and gained confidence in full stack development, with the ability to create responsive web and mobile applications that stand out.