commit bf20e7e3d7c181871722dfd89df81633b9d643a8 Author: Med Kamel Date: Tue Apr 15 01:11:41 2025 +0100 Initial commit Generated by create-expo-app 3.3.0. diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c9d575d --- /dev/null +++ b/.gitignore @@ -0,0 +1,38 @@ +# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files + +# dependencies +node_modules/ + +# Expo +.expo/ +dist/ +web-build/ +expo-env.d.ts + +# Native +*.orig.* +*.jks +*.p8 +*.p12 +*.key +*.mobileprovision + +# Metro +.metro-health-check* + +# debug +npm-debug.* +yarn-debug.* +yarn-error.* + +# macOS +.DS_Store +*.pem + +# local env files +.env*.local + +# typescript +*.tsbuildinfo + +app-example diff --git a/README.md b/README.md new file mode 100644 index 0000000..cd4feb8 --- /dev/null +++ b/README.md @@ -0,0 +1,50 @@ +# Welcome to your Expo app 👋 + +This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app). + +## Get started + +1. Install dependencies + + ```bash + npm install + ``` + +2. Start the app + + ```bash + npx expo start + ``` + +In the output, you'll find options to open the app in a + +- [development build](https://docs.expo.dev/develop/development-builds/introduction/) +- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/) +- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/) +- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo + +You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction). + +## Get a fresh project + +When you're ready, run: + +```bash +npm run reset-project +``` + +This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing. + +## Learn more + +To learn more about developing your project with Expo, look at the following resources: + +- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides). +- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web. + +## Join the community + +Join our community of developers creating universal apps. + +- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute. +- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions. diff --git a/app.json b/app.json new file mode 100644 index 0000000..da93112 --- /dev/null +++ b/app.json @@ -0,0 +1,45 @@ +{ + "expo": { + "name": "BrixCafe", + "slug": "BrixCafe", + "version": "1.0.0", + "orientation": "portrait", + "icon": "./assets/images/logo.png", + "scheme": "myapp", + "userInterfaceStyle": "automatic", + "newArchEnabled": true, + "ios": { + "supportsTablet": true + }, + "android": { + "adaptiveIcon": { + "foregroundImage": "./assets/images/adaptive-icon.png", + "backgroundColor": "#ffffff" + }, + "statusBar": { + "hidden": false, + "barStyle": "dark-content" + } + }, + "web": { + "bundler": "metro", + "output": "static", + "favicon": "./assets/images/logo.png" + }, + "plugins": [ + "expo-router", + [ + "expo-splash-screen", + { + "image": "./assets/images/splash-icon.png", + "imageWidth": 200, + "resizeMode": "contain", + "backgroundColor": "#ffffff" + } + ] + ], + "experiments": { + "typedRoutes": true + } + } +} diff --git a/app.rar b/app.rar new file mode 100644 index 0000000..a885024 Binary files /dev/null and b/app.rar differ diff --git a/app/_layout.tsx b/app/_layout.tsx new file mode 100644 index 0000000..14ec00e --- /dev/null +++ b/app/_layout.tsx @@ -0,0 +1,5 @@ +import { Stack } from 'expo-router'; + +export default function Layout() { + return ; +} diff --git a/app/constants/colors.ts b/app/constants/colors.ts new file mode 100644 index 0000000..e1486b0 --- /dev/null +++ b/app/constants/colors.ts @@ -0,0 +1,7 @@ +const COLORS = { + background_user: '#FFFFFF', + text: '#FFFFFF', + primary: '#B07B2C', + }; + +export default COLORS; diff --git a/app/index.tsx b/app/index.tsx new file mode 100644 index 0000000..e9458e2 --- /dev/null +++ b/app/index.tsx @@ -0,0 +1,5 @@ +import { Redirect } from 'expo-router'; + +export default function Index() { + return ; +} \ No newline at end of file diff --git a/app/screens/auth/OpeningScreen.tsx b/app/screens/auth/OpeningScreen.tsx new file mode 100644 index 0000000..4ccf9aa --- /dev/null +++ b/app/screens/auth/OpeningScreen.tsx @@ -0,0 +1,90 @@ +import React from 'react'; +import { View, Text, Image, StyleSheet, TouchableOpacity } from 'react-native'; +import { router } from 'expo-router'; +import COLORS from '../../constants/colors'; +import { StatusBar } from 'expo-status-bar'; + + +const OpeningScreen = () => { + + return ( + + + + Bienvenue chez Brix CafĂ© + + + Depuis 2024, Brix CafĂ© vous fait vivre une expĂ©rience cafĂ© unique, + inspirĂ©e du savoir-faire italien et portĂ©e par une passion authentique. + Des grains d’exception, une qualitĂ© incomparable. + + + router.push('/screens/auth/SignInScreen')}> + Se connecter + + + router.push('/screens/auth/SignUpScreen')}> + CrĂ©er un compte + + + ); +}; + +// Styles +const styles = StyleSheet.create({ + container: { + flex: 1, + backgroundColor: '#000000', + alignItems: 'center', + justifyContent: 'center', + paddingHorizontal: 20, + }, + logo: { + width: 120, + height: 120, + marginBottom: 20, + }, + welcomeText: { + fontSize: 26, + fontWeight: 'bold', + color: COLORS.text, + marginBottom: 20, + }, + coffeeImage: { + width: '120%', + height: 150, + marginTop:40, + marginBottom: 30, + }, + descriptionText: { + fontSize: 14, + color: COLORS.text, + textAlign: 'center', + marginBottom: 40, + }, + signInButton: { + backgroundColor: COLORS.primary, + paddingVertical: 15, + paddingHorizontal: 40, + borderRadius: 10, + marginBottom: 20, + width: '80%', + alignItems: 'center', + }, + signUpButton: { + borderWidth: 1, + borderColor: COLORS.primary, + paddingVertical: 15, + paddingHorizontal: 40, + borderRadius: 10, + width: '80%', + alignItems: 'center', + }, + buttonText: { + fontSize: 16, + color: COLORS.text, + fontWeight: 'bold', + }, +}); + +export default OpeningScreen; diff --git a/app/screens/auth/SignInScreen.tsx b/app/screens/auth/SignInScreen.tsx new file mode 100644 index 0000000..200539a --- /dev/null +++ b/app/screens/auth/SignInScreen.tsx @@ -0,0 +1,34 @@ +import React from 'react'; +import { View, Text, StyleSheet, Button } from 'react-native'; +import { router } from 'expo-router'; +const SignInScreen = () => { + return ( + + Sign In Screen +