https://github.com/shikhu51197/reactnativenew
Cuemath Go! mirrors the design and features outlined in the given Figma file. It underscores the application of core React Native principles, Lottie Animations, Navigation, Carousel, Bottom Sheet, and Async Storage for managing data.
https://github.com/shikhu51197/reactnativenew
authentication bottomsheet carousel expo lottie-animation navigation react-native
Last synced: 7 months ago
JSON representation
Cuemath Go! mirrors the design and features outlined in the given Figma file. It underscores the application of core React Native principles, Lottie Animations, Navigation, Carousel, Bottom Sheet, and Async Storage for managing data.
- Host: GitHub
- URL: https://github.com/shikhu51197/reactnativenew
- Owner: shikhu51197
- Created: 2023-12-17T15:20:08.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-20T08:47:31.000Z (almost 2 years ago)
- Last Synced: 2025-01-31T15:41:38.155Z (8 months ago)
- Topics: authentication, bottomsheet, carousel, expo, lottie-animation, navigation, react-native
- Language: JavaScript
- Homepage:
- Size: 283 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cuemath Go! - React Native App
✨ Video Walkthrough :- 
Check out the demo video for a visual walkthrough of the signup and login processes.
## 🔗 Profile Links✨
| Resume | Github | Linkedin | Portfolio | Blogger | Medium |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
| [](https://drive.google.com/file/d/1YE62u2ChjmlR-EKeqZ75UvFMg_KcY86T/view?usp=sharing) | [](https://github.com/shikhu51197/)| [](https://www.linkedin.com/in/shikha-gupta-12a2b5199) |[](https://shikhu51197.github.io/) |[](https://wwwartificial-intelligence.blogspot.com/) |[](https://medium.com/@sg780060) |
## 💫Tech-Stack->
- #### For Frontend:-
- `react-native`
- `tailwindCSS`
- `JavaScript `
---
# Project Overview
Welcome to Cuemath Go!, a React Native application focusing on user authentication with dedicated screens for signup and login. This project serves as an assignment submission, emphasizing the integration of React Native fundamentals for a seamless user experience.
# Features
⭕UI Implementation: The app's user interface is designed with a user-centric approach, featuring screens for signup and login.
⭕Signup Screen: 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, user data is securely stored. Vibrate for 10ms if any button is clicked.
⭕Login Screen: Existing users can access the application by providing their registered email ID and password. The interface includes input fields for login credentials, error handling for invalid attempts, and a "Login" button for user authentication. data handling via local storage.
⭕Navigation: Setup for smooth transitions between signup and login screens, enhancing the overall user experience.
⭕Integration of Lottie animations:
one-line-wonder-lottie.json
cts-lottie. json
no-attack-knight-bishop.json
⭕Utilization of carousel and bottom sheet components.
# Installation
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/shikhu51197/reactnativenew.git
-->npm install
✨Download:
🖱️ 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.
# Screenshots
# Home Screen
Vibrate for 10ms if any button is clicked.
# Signup Screen
A form-based interface for new user registration.
# Login Screen
Entry point for existing users, providing input fields for email and password.
# Technology Stack
💫 React Native
💫 Expo
💫 JavaScript
💫 tailwind css
## Flow
```mermaid
graph TD;
App-->HomePage
HomePage-->SignUpPage;
HomePage-->loginPage;
SignUpPage-->loginPage;
```
---