/cakesApp

Primary LanguageJavaScript

Cakes app:

-This app to display list of cakes at main page and allow user to select a cake with spsifiy number of the cake, then will redirect user after select the cake to favorite cakes list page.

How to run the app:

After clone it locally:

1- Clone cakesServer from my github account and run it locally (it is API server for this app)

2- After clone cakesApp install node models by run: yarn install or npm install

3- From main directory run yarn start or npm start

App contents:

  • The app includes main page which include two different mode (Admin and Customer), default mode is customer mode you can switch to admin mode by select admin from select menu.
  • Admin mode allow admin to add new cake, delete cake, edit cake and dispaly full details of the cake.
  • Customer mode allow her/him to browser list of cakes, display full details of the cake and select cake with specified number of the cake.
  • The app also includes favorite cakes list page which allow customer to add her/his favorite cakes with ability to delete them.

The technologies used:

  • HTML
  • CSS
  • React.js, Redux
  • API created with Node.js

Home page screen shortcut:

Select display mode:

screen shot 2018-07-24 at 11 39 55

Home page customer mode:

customer mode

Home page admin mode:

admin mode

Add new cake screen:

add new cake

Edit cake screen:

edit cake

Delete cake screen:

screen shot 2018-07-24 at 11 40 34

Full cake details screen:

screen shot 2018-07-24 at 11 38 21

Mobile device screen:

Main page

screen shot 2018-07-24 at 23 05 59

Fvorite cakes page:

screen shot 2018-07-24 at 23 06 15