Skip to content

sushrut111/react-redux-typescript-demo-realworld

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Medium clone client app (REACT-REDUX-SAGA-TS)

This is a demo application written based on the APIs defined as part of RealWorld demo app. This is a client side app written with

1. React (Typescript) : for client side rendering

2. React bootstrap: CSS for UI components

3. React-redux: for state management

4. react-router: for routing

5. redux-saga: side effect management (async requests)

How to start the app?

  1. Clone the repository with
    git clone https://github.com/sushrut111/react-redux-typescript-demo-realworld.git
  2. Navigate to the cloned directory
    cd react-redux-typescript-demo-realworld
  3. Install dependencies
    npm install
  4. Start the application
    npm run start

Backend API

The app uses production endpoint deployed by the original authors of realworld demo app which is live at: https://api.realworld.io/api You can deploy your own endpoint (refer the docs: https://realworld-docs.netlify.app/) and point the application towards the newer one by editing variable API_ROOT in the file src/constants/api.ts

Login for test

After the app starts, you can register a new user to get login credentials to test.