All Projects → brandiqa → redux-crud-example

brandiqa / redux-crud-example

Licence: MIT license
Basic crud react-redux-featherjs app for managing contacts

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to redux-crud-example

React Auth App Example
An app example with authentication using Create React App, React, React Router, Apollo, GraphQL, Redux and Redux Form.
Stars: ✭ 179 (+231.48%)
Mutual labels:  redux-form
krawler
A minimalist (geospatial) ETL
Stars: ✭ 51 (-5.56%)
Mutual labels:  feathersjs
rapid-react
A light weight interactive CLI Automation Tool 🛠️ for rapid scaffolding of tailored React apps with Create React App under the hood.
Stars: ✭ 73 (+35.19%)
Mutual labels:  redux-form
Redux Form
A Higher Order Component using react-redux to keep form state in a Redux store
Stars: ✭ 12,597 (+23227.78%)
Mutual labels:  redux-form
myethereumapp
Web client for viewing data from the Etherscan API
Stars: ✭ 18 (-66.67%)
Mutual labels:  feathersjs
stencil-boilerplate
A Stencil app boilerplate including routing, Redux etc.
Stars: ✭ 51 (-5.56%)
Mutual labels:  redux-form
Firebase React Native Redux Starter
Starter For Firebase, React Native, Redux Applications With 100% Of Code In Common Between IOS And Android, with built In Authentication, Crud Example And Form Validation.
Stars: ✭ 166 (+207.41%)
Mutual labels:  redux-form
alda
A boilerplate for React isomorphic aplication with Material Design
Stars: ✭ 16 (-70.37%)
Mutual labels:  redux-form
feathers-blob
Feathers service for blob storage, like S3.
Stars: ✭ 89 (+64.81%)
Mutual labels:  feathersjs
moleculer-adapter-feathers
Moleculer service mixin wrapping Feathers.js services
Stars: ✭ 17 (-68.52%)
Mutual labels:  feathersjs
Redux Form Test
Shows how to do unit tests and integration tests with Redux-Form
Stars: ✭ 221 (+309.26%)
Mutual labels:  redux-form
spring-boot-react-ecommerce-app
eCommerce application based on the microservices architecture built using Spring Boot and ReactJS.
Stars: ✭ 221 (+309.26%)
Mutual labels:  redux-form
react-semantic-redux-form
Semantic-ui-react components integration with Redux form
Stars: ✭ 57 (+5.56%)
Mutual labels:  redux-form
Express React Boilerplate
Express, MySQL, React/Redux, NodeJs Application Boilerplate
Stars: ✭ 179 (+231.48%)
Mutual labels:  redux-form
react-file-input
⚛️  A file Input, with drag'n'drop and image editor for React
Stars: ✭ 71 (+31.48%)
Mutual labels:  redux-form
Liform React
Generate forms from JSON Schema to use with React (& redux-form)
Stars: ✭ 167 (+209.26%)
Mutual labels:  redux-form
flutter feathersjs.dart
Communicate with your feathers js server from flutter app with unbelieved ease and make happy your customers.
Stars: ✭ 19 (-64.81%)
Mutual labels:  feathersjs
feathers-versionate
Create and work with nested services.
Stars: ✭ 29 (-46.3%)
Mutual labels:  feathersjs
validarium
🛡Agnostic validation library for JavaScript applications.
Stars: ✭ 29 (-46.3%)
Mutual labels:  redux-form
cognito-amplify-custom-auth
A React/Redux web application that implements a custom UI for Cognito Userpool Auth using AWS Amplify
Stars: ✭ 27 (-50%)
Mutual labels:  redux-form

REDUX CRUD EXAMPLE - LEGACY VERSION


ATTENTION

This version is still dependent on the old package dependencies for it to work well. Unfortunately, the code is no longer compatible with the latest version of Redux Form.

There's now an updated version of this project: https://github.com/brandiqa/react-crud-app. The main changes introduced in the new version include:

This version will remain accessible for those interested in learning the Redux way.


Introduction

This a basic crud react-redux-featherjs application for managing contacts. It currently uses MongoDB for the database and FeathersJS for the REST API server.

https://www.sitepoint.com/crud-app-react-redux-feathersjs/

How to install

git clone [email protected]:brandiqa/redux-crud-example.git react-contact-manager
cd react-contact-manager

# Install frontend dependencies
npm install

# Install backend dependencies
cd backend
npm install

How to run

Ensure you have mongodb installed in your system and that it is running

Start the backend server

Start the backend server first:

cd react-contact-manager/backend
npm start

This will run the backend server at localhost:3030. If all is working well, you should be able to access the url http://localhost:3030/contacts from your Browser or Postman

Start the client

Open a separate terminal to start the client:

cd react-contact-manager
npm start

Your default web browser will be launched automatically with the url http://localhost:3000

License

The MIT License (MIT)

Copyright (c) 2017 SitePoint

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].