Dependencies/Libraries used

React JS(UI), axios( http API Calls), Redux( satate management), Bootstrap3.7,
jQuery3.3, Fontawsome, Materialize, reactRouter npm auth0

Steps to create Project & add all dependencies in Ubntu18.04>

Install nodejs npm
From the step by step Guide described here Installation of Node JS on Window

Install nodejs npm npx
sudo apt update
sudo apt install nodejs npm
sudo apt install npm

Download full codebase with public & src folder

using terminal cd to ReactApp then run npm start
open http://localhost:3000/ to run app again.

shortcut way is just download whole project install npm >go inside project directory > npm start

Libraries & framework

npm install axios
npm install --save react-router-dom
npm install redux react-redux
npm install auth0
npm install jquery --save

The following cdns are included in index.html via scipt/links Bootstrap3.7, jQuery3.3, Fontawsome, MaterializeCSS/Js

replace src folder in react-app with my src folder to get code & resources

Auth0 Authorization Credentials

Impemented User Sign in page(Authorizartion via integrating .auth0 ) Auth0 provides authentication and authorization as a service to make application secure

email -testdhirensapp@react.com
password- 123456789@Dps

Features

1. Impemented User Sign in page(Authorizartion via .auth0 )Auth0 provides authentication and authorization as a service to make application secure.

2. Implemented Routing mechanism- Navigation to different pages

3. Navigation bar

4. Home page with tab swithing & progressbar

5. List of cards- in Cards tab

6. Used mock API calls for actions like Update, Delete, Add, View details- https://jsonplaceholder.typicode.com/

7. Implemented Redux store for central state mananagement on C.U.R.D operations

8. Implemented React portal usage

9. Delete action- icon on top left of each card

10. Edit action- icon on top right of each card

11. Add action: bottom right of Home window

12. Implemented Modals on all actions.

13. Implemented Pagination for lazy loading with throttling

14. Search action with -ve handling

15. Bi-directional Sort action- beside page title

16. Card Details page when clicked on image

17. View full size action

18. Loader effect for async transitions

19. Full Responsiveness compatiblity with mobile

20. Left sliding menu for mobile

21. Post list page with animation clicking on any post opens Post Details fetched via API call

22. My Portfolio

Priviews

Login page

Navication menu for Desktop & Mobile slider menu, Todo App at home location

Fully Responsived Cards component for desktop, mobile, ipad viewports. Real time data from placeholder API

Loader as fallback UI, Sort Cards in Ascending, Descending, Back to original list

Edit card details, Delete card

Search card, Add new card

Responsive Card Details

Actions view ful size

Auto Pagination on scroll

Post list Responsive layouts

Post Details

Contact- CV- Portfolio