Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/abdullahceylan/english-word-trainer

A simple English word learning web application built with React.js (next.js), styled-components and Firebase. Just for fun.
https://github.com/abdullahceylan/english-word-trainer

english english-learning firebase firebase-database javascript react reactjs styled-components

Last synced: about 1 month ago
JSON representation

A simple English word learning web application built with React.js (next.js), styled-components and Firebase. Just for fun.

Awesome Lists containing this project

README

        

english-word-trainer

An English word learning web application built with React.js (next.js), styled-components and Firebase.

## Prerequisites

In order to run this app you will need a [Firebase Database](https://firebase.google.com/docs/web/setup).

## Installation

1. Clone this repo
1. Type `cd english-word-trainer` to enter the project folder
1. Run `npm install`
1. Rename `/config/config.example.js` to `/config/config.js` and add your Firebase config
1. Import `/english.data.example.json` into your [Firebase database](https://firebase.google.com/docs/database/web/start)
1. Run `npm run dev` and visit [localhost:3000](http://localhost:3000)

## Build

1. Run `npm run build`
1. The compiled version will be in `/.next/dist/`

## Live Example

You can test on https://english-word-trainer.herokuapp.com

## To-Do
- [ ] Add new word
- [ ] Word pronouncing support