Git Product home page Git Product logo

isnancahyadi / pijar-cooking-mobile Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 27.18 MB

Pijar Cooking is a web-based application using React JS technology and also has a mobile-based application using React Native that is connected to a backend system and the same database so that users can choose to use the web or mobile versions of the application.

Home Page: https://github.com/isnancahyadi/pijar-cooking-mobile/releases

JavaScript 87.40% TypeScript 2.40% Ruby 1.85% Java 5.88% Objective-C 1.86% Objective-C++ 0.61%
axios firebase mobile-app react-hook-form react-native react-native-gifted-chat react-native-paper redux

pijar-cooking-mobile's Introduction

Pijar Cooking Web ver

Table of Contents

Introduction

Pijar Cooking is a web-based application using React JS technology and also has a mobile-based application using React Native that is connected to a backend system and the same database so that users can choose to use the web or mobile versions of the application. Pijar Cooking is aimed at young people, both men and women, who want to learn to cook and want to share the dishes and recipes they have found or learned with everyone. Not only that, Pijar Cooking can be used by mothers who want to cook for their beloved family so that there will be warmth and harmony in the family. Presented with a family friendly user interface that looks fun and navigation that is easy for both young people and mothers to use. Accompanied by video tutorials to make cooking sessions much more fun and clear. There is a chat feature with fellow users available on the mobile version with the aim that fellow users can interact by simply saying hello, giving direct appreciation for recipes that have been made, or asking for assistance.

Demo

Visit the link below for demo.

๐Ÿ“ฑ Pijar Cooking Mobile ver

Technologies Used

The project utilizes the following technologies and libraries:

  • React Native: A JavaScript framework for building native mobile apps for Android and iOS platforms.
  • Node.js: The JavaScript runtime that powers the server-side backend and API.
  • Axios: A promise-based HTTP client for making API requests from the app.
  • React Native Navigation: A navigation library for managing navigation between screens.
  • Firebase: A cloud-based platform for authentication, real-time database, and storage.
  • React Native Encrypted Storage: A library for securely storing sensitive data on the device.
  • Redux: A state management library to efficiently manage application state.
  • React Hook Form: A library for handling form validation and form state in React Native.
  • React Native Paper: A library providing ready-to-use UI components for a material design.
  • React Native Gifted Chat: A library for implementing chat interfaces in the app.

Installation

  1. Clone this repository to your local machine:
git clone https://github.com/isnancahyadi/pijar-cooking-mobile.git
cd pijar-cooking-mobile
  1. Install the required dependencies using npm or yarn:
npm install
# or
yarn install

Configuration

Before running the application, you need to set up the Firebase configuration for authentication and data storage. Add your Firebase configuration to the firebase.js file located in the project's source code. For more detail about installation and configuration firebase, please visit official documentation in https://firebase.google.com/.

Features

  • User Authentication: Allow users to sign up, log in, and manage their profiles.
  • Recipe Browsing: Users can browse a list of recipes and view recipe details.
  • Real-time Chat: Users can interact with other users through real-time chat using React Native Gifted Chat.
  • Secure Data Storage: Sensitive data is securely stored using Native Encrypted Storage.
  • Responsive Design: The app is designed to work seamlessly on both Android and iOS devices.

Screenshot

1. Register Account Screen 2. Register Profile Screen 3. Login Screen
Register Account Register Profile Login
4. Profile Screen 5. Home Screen 6. List Recipes Screen
Profile Home List Recipe
7. Detail Recipe Screen 8. Chat Screen
Detail Recipe Chat

Related Project

Authors and Contact Info

For more information about this project or have any question or need help for development, feel free to contact me.

Isnan Arif Cahyadi

pijar-cooking-mobile's People

Contributors

isnancahyadi avatar

Watchers

 avatar

pijar-cooking-mobile's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.