https://github.com/gloriajun/react-ts-realworld-example-app

https://github.com/gloriajun/react-ts-realworld-example-app

emotion react react-router realworld realworld-frontend storybook typescript

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/gloriajun/react-ts-realworld-example-app
• Owner: gloriaJun
• Created: 2019-09-03T12:15:33.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2024-04-23T02:52:12.000Z (about 2 years ago)
• Last Synced: 2025-08-03T22:46:15.831Z (11 months ago)
• Topics: emotion, react, react-router, realworld, realworld-frontend, storybook, typescript
• Language: TypeScript
• Homepage: http://bit.ly/2lXs3811
• Size: 88.6 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  


RealWord example app

  

  

 

  React + TypeScript + Redux codebase containing [real world examples](https://github.com/gothinkster/realworld)






[![RealWorld Frontend](https://img.shields.io/badge/realworld-frontend-orange.svg)](http://realworld.io)

[![Build Status](https://travis-ci.com/gloriaJun/react-ts-realworld-example-app.svg?branch=master)](https://travis-ci.com/gloriaJun/react-ts-realworld-example-app)

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/9076a84b3d184978ab348b901f435920)](https://www.codacy.com/app/pureainu/react-ts-realworld-example-app?utm_source=github.com&utm_medium=referral&utm_content=gloriaJun/react-ts-realworld-example-app&utm_campaign=Badge_Grade)

[![Task](https://img.shields.io/badge/%F0%9F%92%A1-task-CD9523.svg?style=flat-square)](https://github.com/gloriaJun/react-ts-realworld-example-app/issues)

[![Starter Kit](https://img.shields.io/badge/%F0%9F%93%94-starterKit-ff615b.svg?style=flat-square)](https://github.com/gothinkster/realworld-starter-kit)

**Table of Contents**

- [Usage Skill](#usage-skill)

- [Project Structure](#project-structure)

- [Getting started](#getting-started)

  - [Production](#production)

  - [Test](#test)

## Usage Skill

- TypeScript v4.3.x

- react-scripts v4.x.x

- React v17.x.x

- React Router v 5.x

- emotion v11.x.x

- Storybook v6.3.x

- @testing-library/react v12.x.x

## Project Structure

based on [Atomic Design](http://bradfrost.com/blog/post/atomic-web-design/)



## Getting started

```bash

npm install

# Runs the app in the development mode.

npm start

```

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### Production

```bash

npm run build

```

### Test

```bash

npm test

```