Financial Metrics - about building a mobile web application to check a list of metrics that I create making use of React and Redux

Overview

Project Name : Financial Metrics

The Financial Metrics is about building a mobile web application to check a list of metrics (numeric values) that I create making use of React and Redux. :

You can find live project at https://amrendrakind.github.io/financial-metrics/

Built With

  • React JS with Redux
  • JSX
  • JavaScripts
  • GitFlow

Live Demo (Link for Our Financial Metrics)

Github

Take a look at the financial-metrics page [email protected]

Video Presentation:

Development set up

Clone Repository using

git clone [email protected]:amrendrakind/financial-metrics.git

OR using HTTPS

git clone https://github.com/amrendrakind/financial-metrics.git

move into project directory

cd financial-metrics

Install Project dependancies using NPM

npm install

launch project locally with

npm start

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 your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Author

👤 Amrendra K

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Microverse team for guidance
  • Based on Nelson Sakwa on Behance design.

📝 License

This project is MIT licensed.

You might also like...
Single page application for tracking cryptocurrencies. Includes sorting, animations, graphs and more. Made using React & Redux.
Single page application for tracking cryptocurrencies. Includes sorting, animations, graphs and more. Made using React & Redux.

Crypto Tracker A single page application meant to keep track of the most popular crypto currencies status. The user can sort the coins by highest gain

Single Page Application that uses Rick and Morty API along with React & Redux
Single Page Application that uses Rick and Morty API along with React & Redux

Rick and Morty Rick and Morty Characters Web Page. Single Page Application that

Redux-todo - a todo web app where users can type in their todo and also set a reminder

redux-todo Redux-todo is a todo web app where users can type in their todo and also set a reminder. The todos are not saved/fetched on/from a server,

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

An example real-world Redux CRUD application with no boilerplate

Zero Boilerplate Redux A common criticism of Redux is that it requires writing a lot of boilerplate. This is an application that is meant to show a so

A lightweight state management library for react inspired by redux and react-redux

A lightweight state management library for react inspired by redux and react-redux

A simple app for study react with redux, redux saga and typescript.

React com Redux, Redux-Saga e TypeScript. 🚀 Uma aplicação simple para entender o funcionamento do Redux e a melhor maneira de utiliza-lo junto com o

Recipe Catalogue is a React & Redux web app based on a catalog of recipes.
Recipe Catalogue is a React & Redux web app based on a catalog of recipes.

Recipe Catalogue is a React & Redux web app based on a catalog of recipes. It contains a browsable list of meals that you can filter by category or type and access to one meal recipe. The data is retrieved from [Meals DB (https://www.themealdb.com/api.php) and then stored in the Redux store.

A Higher Order Component using react-redux to keep form state in a Redux store
A Higher Order Component using react-redux to keep form state in a Redux store

redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux

Comments
  • Financial-Metrics : Capstone Project

    Financial-Metrics : Capstone Project

    Financial-Metrics : Capstone Project

    • The project is a single-page application (SPA) built with React and Redux.
    • The data retrieved from the API should be stored in the Redux store.
    • Use Financial Modeling Prep API.
    • When the page loads, the webapp shows the list of categories that could be filtered out by some parameter
    • Set up a search bar to be able to filter based on the company's names.
    • When the user clicks (or taps) on a category item, the application navigates to the details page.
    • In the details page, the webapp retrieves data from the API to show detailed data in the category.
    • When the user clicks on the "Back" button (<), the user navigates to the home page.
    • Every page (the main page and the pages for each item) should have a unique route within the SPA.
    • The project should be deployed and accessible online (add a link to the online version of your app to your README file).
    • Follow the design requested - Nelson Sakwa on Behance.
    opened by amrendrakind 0
  • Homepage Setup : Basic Structure

    Homepage Setup : Basic Structure

    Homepage Setup

    • Remove files from the original react-app
    • Create the Navbar
    • Use the Financial Modeling Prep API.
    • Get the company symbols - https://financialmodelingprep.com/api/v3/financial-statement-symbol-lists?apikey
    • Create other file and folder structure
    opened by amrendrakind 0
Owner
Amrendra K
Full-Stack Developer, learning with Microverse. I can work with JS | React JS | Node JS | Express JS | Mongo DB. Open to new opportunities.
Amrendra K
Redux Tutorial - share my experience regarding redux, react-redux and redux-toolkit

Redux Tutorial 1. Introduction to Redux 1.1 What is Redux & why Redux? A small JS Library for managing medium/large amount of states globally in your

Anisul Islam 36 Dec 1, 2022
Redux - Create forms using Redux And React

Exercício de fixação Vamos criar formulários utilizando Redux! \o/ Antes de inic

Márcio Júnior 2 Jul 21, 2022
redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.

redux-immutable redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state. When Redux creat

Gajus Kuizinas 1.9k Nov 14, 2022
Skeleton React App configured with Redux store along with redux-thunk, redux persist and form validation using formik and yup

Getting Started with React-Redux App Some Configrations Needed You guys need to modify the baseUrl (path to your server) in the server.js file that is

Usama Sarfraz 11 Jul 10, 2022
This command line helps you create components, pages and even redux implementation for your react project

react-help-create This command line helps you create components, pages and even redux implementation for your react project. How to install it? To ins

Omar 26 Oct 19, 2022
Approach to the main concepts of Redux and its use

Projeto para estudo - Redux / Redux Saga Conteúdo O que o Redux resolve ? O Redux possui três Princípios Single source of truth State is read-only Cha

Ari Jesus 9 Apr 9, 2022
A quick start Redux + TypeScript Create React App template

A quick start Redux + TypeScript Create React App template An opinionated quick

null 0 Dec 24, 2021
Helper to create less verbose action types for Redux

Action Typer Helper to create slightly less verbose redux action types. Uses ES6 Proxies! Highly Performant: Proxy is only run once at startup. Includ

Alister Norris 58 Nov 23, 2022
In this course you learn how to use Redux as a state manager in your React applications

Redux is a state manager which you can use it in your React, Vue and even Vanilla applications. In this course we store Redux storage in localstorage to keep our data.

AmirHossein Mohammadi 5 Jul 25, 2022
Front-end of the movie application created with React.js and Redux

# Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run:

Bibi 6 Aug 21, 2021