Giter Club home page Giter Club logo

peterchijioke / crud-app-react-native Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 404 KB

This is a simple react-native CRUDE Quote management application; this application allows you to create a new quote, Edit a quote and delete an existing quote.

JavaScript 36.16% Ruby 2.38% Starlark 1.16% Java 29.95% Makefile 2.90% C++ 13.39% Shell 0.93% Objective-C 4.59% Objective-C++ 8.54%
array react-native reactjs redux-persist redux-toolkit server

crud-app-react-native's Introduction

Simple Quote Application

This is simple quote application developed using react-native; it contains a preloaded quotes which gives you guide and view of how it looks. The app allow users to perform CRUD operations which are : You can add a quote, Update a quote, Delete an existing quote and view quotes alredy added.

Table of Contents

Installation

How to Install & test the React Native App

git clone https://github.com/peterchijioke/crud-app-react-native.git
cd crude-app
yarn install
yarn android
  • I reommend you use yarn instead of npm

Alternatively download the React Native APK Test App

Steps taken to build this app include:

  • Create a react native application using npx react-native init crud-app
  • Install redux-tookit, note that redux-toolkit is dependent on react-redux, so you must install both; You can run this command to install both npm install @reduxjs/toolkit react-redux
  • Set up redux-toolkit for the state management: you can follow through the set up documentation at https://redux-toolkit.js.org/tutorials/quick-start
  • Create your Slices
  • Preload you state with array of objects : Just to let the user have somthing to feel on first render.

Tech Stack

Client: Bare React-Native, Redux Toolkit

Server: Fake server

Features

  • Create quote
  • Delete quote
  • Update quote
  • Cross platform (Android & ios)

Screenshots

crud-app-react-native's People

Contributors

peterchijioke avatar

Watchers

James Cloos avatar  avatar

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.