joseangelcrn / reactive_dogs_react

CRUD to adopt dogs powered by random image generator API with data persistance using REDUX

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Reactive Dogs

( React + Vite , just a play on words )

image

Reactive dogs is a concept app which include:

Login

You must to log in to see protected content such as CRUD and api calling.

Credentials:

user : react
password : react

CRUD

With this app you have a simple CRUD where you can adopt many dogs

Api communication

WHen you adopt a dog on this application you can see a random dog image powered by https://dog.ceo/dog-api/ , that will be the dog you will adopt

Redux + Data persistance

This application use REDUX (Slice) integrating 2 Slice files : UserSlice.js and DogSlice.js to manage login and dog CRUD. In addition, you wont lose your adopted dogs if refresh the page and lose logged user either because application store all data in localStorage


How it works..

cd reactive_dogs_react
npm install
npm run serve

About

CRUD to adopt dogs powered by random image generator API with data persistance using REDUX


Languages

Language:JavaScript 94.7%Language:CSS 4.0%Language:HTML 1.2%