Welcome to Cuemath Go!, a mock implementation of the native app built in React Native. This project is an assignment submission showcasing the integration of various React Native features and components as outlined in the assignment.

Cuemath Go! replicates the design and functionality detailed in the provided Figma file. It emphasizes the utilization of React Native fundamentals, Lottie Animations, Navigation, Carousel, Bottom Sheet, and Async Storage for data storage. Short Demo

Attach a brief video walkthrough of CUEMATH Go! application

• UI Implementation based on the provided Figma design.
• Integration of Lottie animations:
  • one-line-wonder-lottie.json
  • cts-lottie. json
  • no-attack-knight-bishop.json
• Mock data handling via local storage.
• Navigation setup for smooth transition between screens.
• Utilization of carousel and bottom sheet components.

• Detailed instructions on how to install, configure, and get the project running
• Open git bash and enter the following commands:-

  git clone https://github.com/kirti136/CuemathGo.git

  npm install

• Android Users: Expo Go

• IOS Users: Expo Go

  npx expo start

• Scan the QR code using the previously installed Expo Go application, and the application will be visible to you.

• Home Screen: This component showcases a simple interface with two interactive buttons for "Signup" and "Login," allowing users to navigate between different authentication flows within the mobile application.

• Signup Screen: This is a form-based interface allowing new users to register for the application. It provides input fields for essential user information and performs real-time error validation, ensuring data accuracy. Upon successful completion, users can create their account by clicking the "Create Account" button, which is then stored in local storage with the key "UserData" and it leads to the Login screen, providing a smooth and intuitive registration experience.

• Login Screen: This component serves as the entry point for existing users to access the application by providing their registered Email ID and Password. It verifies user credentials against the stored user information in local storage and grants access upon successful authentication. The interface is designed with input fields for login credentials, error handling for invalid login attempts, and a "Login" button for user authentication, ensuring a straightforward and secure login experience.

• Dashboard Screen: The DashboardScreen component displays essential user information like email and profile image alongside a logout button. It dynamically fetches user details from local storage, showcasing personalized data. Additionally, it integrates a carousel of Lottie animations via the CarouselLottie component, allowing users to navigate through distinct animated slides, each triggering unique actions like launching a web view or revealing a bottom sheet. This combination creates an engaging and visually appealing dashboard interface within the application.

List of the technologies used in the project.

• React Native
• Babel
• Expo
• Node.js
• Javascript
• Other libraries/modules