- Clone this repo
- Run
npm install
- Run
npm start
, localhost:8080 will open up in your default browser
If you prefer to install things yourself you can follow the instructions below
-
Run
npm init
and type your answers to the questions or you can runnpm init -y
to say yes to every question - you will get default settings -
Install the following dependencies:
npm i react react-dom -S
-
Install the following dev dependencies:
npm i babel-core babel-loader babel-preset-env babel-preset-react css-loader html-webpack-plugin style-loader webpack webpack-cli webpack-dev-server axios antd -D
-
Update your scripts to the following:
"start": "webpack-dev-server --mode development --open", "build": "webpack --mode production"
-
Create .babelrc file with the following configurations:
{ "presets": ["env", "react"] }
-
Create webpack.config.js file with the following configurations:
-
Create src folder with index.js and index.html file.
-
index.js should have:
-
Create .gitignore file and input /node_modules/ and /static.
-
Install all the dependencies in the requirements.txt by issueing this command.
pip install -r requirements.txt
-
Run the
app.py
by using this command. (setdebug=True
for Developement ,debug=False
for Production)python app.py
you'll need to run 2 terminals at the same time to
-
To create
inder.js
bundler file which is essential for running the Web App.npm run build
-
To run the
flask server
, to serve the files , responses.python app.py
-
We'll using
antd
design in our application , -
Starting with
formLayout.tsx
which gather the companyName and TIckerName from the user. -
which is sent via
post
request via axios to the app.py api -
where the api fetches the relevant news using
newsapi
,util_requests.py
handles the fetching of Quarterly Reports and they are all send back to the front-end as json response. -
After the successful completion of the
post
request , UI is switched toDashboard.tsx
-
With tabmodes , one for the
newsapi
and another for theQuarterly reports
-
which is switchable anyway
-
Onclicking the listItem on the Quarterly reports , modal will be shown with a
iframe
pointing the original page ( htttp://sev.gov.data , which seems to be not working because the security reasons )