وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

React Native E-commerce App

سرفصل های دوره

Build Android and iOS E-commerce using React Native


1. Introduction
  • 1.1 links.txt
  • 1.2 rn-ecom-assets.zip
  • 1. Introduction

  • 2. Create and run the app
  • 1. Creating react native app
  • 2. Running the app for the first time

  • 3. Home page and bottom bars
  • 1. Loading custom fonts
  • 2. Bottom Tab Navigator
  • 3. Exporting Screens
  • 4. Navigation and rendering the bottom tab

  • 4. Home page and head bars
  • 1. Head bar style
  • 2. Setting up rows in react native
  • 3. Cart Count absolute value

  • 5. Home page and welcome page
  • 1. Welcome Text
  • 2. Welcome and reusable styles

  • 6. Home page and search section
  • 1. SearchBar
  • 2. Search input
  • 3. Search Camera Button
  • 4. Positioning Search icons and Navigation to the search page
  • 5. Set up search bar in the Search page

  • 7. Home page and carousel
  • 1. Carousel Slider
  • 2. Carousel loop

  • 8. Home page and heading
  • 1. Creating Heading
  • 2. New Rivals Heading
  • 3. Heading Styles

  • 9. Home page and card view
  • 1. Introducing the Flatlist Component
  • 2. Flatlist props
  • 3. Render Components Flatlist Component
  • 4. Render ProductCard to the flatlist
  • 5. Product Card View
  • 6. Using Images in React Native and styling them
  • 7. Product details handling text
  • 8. Price Text
  • 9. Addding a Component on top of another using position
  • 10. Navigating from a child component
  • 11. Product Row style migration-
  • 12. Products details page back button

  • 10. Detail page
  • 1. Product details Image
  • 2. Title row
  • 3. Title and price
  • 4. Text with a rounded background
  • 5. Mapping icons to form a rating bars
  • 6. Cart Counter
  • 7. Counter State
  • 8. Increment Count
  • 9. Decrement Count
  • 10. Description
  • 11. Justified Description Text
  • 12. Product location and delivery row
  • 13. location row
  • 14. Buy now button
  • 15. button text
  • 16. Cart button
  • 17. Product page adjustments

  • 11. Backend section with endpoint, functions, routes, hooks and postman test
  • 1. Creating Backend NodeJS project
  • 2. Creating a node server
  • 3. Creating database
  • 4. Dotenv and connecting to the database
  • 5. Running our server with db for the first time
  • 6. Product Schema
  • 7. Create Product Controller
  • 8. Get Products Function
  • 9. Get product by id
  • 10. Search with Altas indexes
  • 11. Product Router
  • 12. Hooking routes to our server
  • 13. Error fixing and testing endpoints in postman

  • 12. Frontend and display data from the server
  • 1. Creating a custom API hook
  • 2. Fetch data with axios
  • 3. Loading data with useEffect and fetching data manually
  • 4. Hooking custom hook to Product Row
  • 5. Activity Indicator and handling errors
  • 6. Passing Data to a child component
  • 7. Rendering Data on the ProductCard
  • 8. Use useRoute to recieve params data and using it in Product DetailsPage

  • 13. New Rivals frontend and detail
  • 1. Creating new rivals
  • 2. Setup navigation for NewRivals Page
  • 3. Navigating to productList from Heading component
  • 4. Components on top of each other
  • 5. Product List Top bar
  • 6. Creating ProductList Component
  • 7. Loading data from the custom hook
  • 8. Creating a grid view with a flatlist
  • 9. Creating a grid with a flatlist
  • 10. Creating a grid view

  • 14. Product grid
  • 1. Setting up search state variables
  • 2. Testing our search input and state variables
  • 3. Handling Search with axios and useState
  • 4. Test Search endpoint in Postman
  • 5. Logging research response and storing the search data in the state variable-
  • 6. Handling Empty Search results
  • 7. Displaying alist of search results
  • 8. Creating a search Tile
  • 9. Search Tile
  • 10. Navigating to the product Details from the search tile

  • 15. Work on Backend
  • 1. Creating Models
  • 2. Creating Schemas
  • 3. Creating User Model
  • 4. Creating the order Schema
  • 5. Cart Schema
  • 6. Creating Auth functions
  • 7. CreateUser function
  • 8. Save a user and sening back the response
  • 9. Creating the loginUser function
  • 10. auth router and hooking the router to index
  • 11. Testing Auth endpoints in postman
  • 12. Delete User function
  • 13. GetUser function
  • 14. User Routes and index
  • 15. Test User endpoints in postman
  • 16. Add to Cart funcition
  • 17. Add to Cart function
  • 18. GetCart function
  • 19. GetCart function
  • 20. Decrement Cart Item functionn
  • 21. Cart router and hooking our router to index
  • 22. Test the cart endpoints in postman
  • 23. Order function and router
  • 45,900 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 18448
    حجم: 3111 مگابایت
    مدت زمان: 342 دقیقه
    تاریخ انتشار: 3 شهریور 1402
    طراحی سایت و خدمات سئو

    45,900 تومان
    افزودن به سبد خرید