https://github.com/piotrwitek/react-redux-typescript-realworld-app

RealWorld App implementation based on "react-redux-typescript-guide"
https://github.com/piotrwitek/react-redux-typescript-realworld-app

application codesandbox create-react-app example guide react realworld redux typescript

Last synced: 6 days ago
JSON representation

RealWorld App implementation based on "react-redux-typescript-guide"

• Host: GitHub
• URL: https://github.com/piotrwitek/react-redux-typescript-realworld-app
• Owner: piotrwitek
• Created: 2018-05-13T08:33:52.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-03-19T16:21:35.000Z (almost 4 years ago)
• Last Synced: 2024-12-09T01:11:55.423Z (15 days ago)
• Topics: application, codesandbox, create-react-app, example, guide, react, realworld, redux, typescript
• Language: TypeScript
• Homepage: https://react-redux-typescript-realworld-app.netlify.com/
• Size: 417 KB
• Stars: 249
• Watchers: 10
• Forks: 75
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


# React, Redux, TypeScript - RealWorld App

## 🚧🚧🚧 UNDER CONSTRUCTION 🚧🚧🚧

### **LIVE DEMO: [LINK](https://react-redux-typescript-realworld-app.netlify.com/)**

_Reference implementation of RealWorld [JAMStack](https://jamstack.org/) Application based on ["React, Redux, TypeScript Guide"](https://github.com/piotrwitek/react-redux-typescript-guide)

and [Create React App v3.0](https://facebook.github.io/create-react-app/)._



---

## Features Roadmap:

- [x] Routing with React-Router

- [ ] User Identity

  - [ ] External providers (Google, Github, Bitbucket)

  - [ ] Registration / Authentication

- [x] Cross-cutting Application Services

  - [x] Local Storage

  - [x] Client Logger

  - [x] Toasts

  - [ ] Analytics

- [x] Feature Folders

  - [x] `/articles` - Articles listing with CRUD Operations

  - [ ] `/realtime-monitoring` - Realtime monitoring of connected users using Websockets

- [x] REST API Integration (API Client)

- [ ] WebSockets Integration

- [ ] Serverless Lambda Functions (Netlify Functions)

- [ ] Utilities (HOC, Hooks, Media Queries...)

- [ ] Typesafe Styling/Theming with CSSinJS (`Emotion`)

- [ ] ...

---

## Available Scripts

### `npm start`

Runs the app in the development modeat [http://localhost:3000](http://localhost:3000)

### `npm test`

Launches the test runner in the interactive watch mode.


See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.


See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

## Learn More

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).