Skip to content

Latest commit

 

History

History
63 lines (36 loc) · 1.76 KB

README.md

File metadata and controls

63 lines (36 loc) · 1.76 KB

React Redux Hooks Example (Currency converter app)

  • This is a second part of our application.
  • In the first part [REPO] (https://github.com/MidnightCaffeine/react_router_hooks_ex) we created currency convertor using only react with hooks.
  • This is created using react and redux hooks
  • Uses react router for navigation.
  • Contains Login SignUp and Homepage, relevant state are maintained through redux.
  • Basic validation check has been applied in signup and login.
  • UI elements used using material UI.
  • Some inline styles are there. (to be moved to scss)

  • From login page you need to signup. Once signup done you can login.
  • After login it lands to HomePage. Which is a basic currency converter,
  • Takes input currency, amount to be converted and output currency from user.
  • Uses Currency Convertor [API] (https://api.exchangeratesapi.io/latest)
  • Logut Button to route back to login page.
  • Contains basic validation in all pages.

Some Screenshot from the app

Signup

Login

HomePage


image info


image info


image info


image info


This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.