An open API service indexing awesome lists of open source software.

https://github.com/atumv/translate-dnd

Drag and drop translate application.
https://github.com/atumv/translate-dnd

json-server react react-animations styled-components typescript

Last synced: 2 months ago
JSON representation

Drag and drop translate application.

Awesome Lists containing this project

README

        

# Translate App

![example](/public/example.gif)

Pretty simple drag and drop translate application built with React & TypeScript.

The project is based on [`Create React App`](https://github.com/facebook/create-react-app).

You can see the live demo [here](https://atumv.github.io/translate-dnd).

## Libraries used

- [`react`](https://www.npmjs.com/package/react)
- [`typescript`](https://www.npmjs.com/package/typescript)
- [`styled-components`](https://www.npmjs.com/package/styled-components)
- [`react-animations`](https://www.npmjs.com/package/react-animations)
- [`json-server`](https://www.npmjs.com/package/json-server)

## Installation and running

1. Clone the repo: `git clone https://github.com/atumv/translate-dnd.git`
2. Change directory: `cd translate-dnd`
3. Install dependencies: `npm i`

Then you can start the app with `npm run start`.
Server is running at http://localhost:3000/.

## Shortcut

```sh
git clone https://github.com/atumv/translate-dnd.git && cd translate-dnd && npm i && npm start
```