The Currency Conversion App is designed to provide users with a seamless experience for converting currencies in real-time. (NB: The Api for currencies used here is free, so I am not able to show all the currencies but a limited) Development-Next js (version 13.4.19) Styling - Tailwind CSS(version 3.3.3) State Management- Redux ToolKit(version 1.9.5) Testing -Cypress(version 13.2.0),Jest(version 29.7.0)
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
Install node modules - npm install
Run Application - npm run dev
Install node modules - npm install Run The application - npm run dev Cypress testing - npm run cypress
Redux toolkit for the state management-https://redux-toolkit.js.org/introduction/getting-started Headlessui for the dropdown design - https://headlessui.com/react/listbox React-toastify for toast alert - https://www.npmjs.com/package/react-toastify Redux logger - https://www.npmjs.com/package/redux-logger Cypress - https://www.cypress.io/
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.