Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/abdullahceylan/english-word-trainer
- Owner: abdullahceylan
- License: mit
- Created: 2018-09-15T00:11:14.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-10-16T05:27:54.000Z (2 months ago)
- Last Synced: 2024-10-17T19:48:35.258Z (2 months ago)
- Topics: english, english-learning, firebase, firebase-database, javascript, react, reactjs, styled-components
- Language: JavaScript
- Homepage: https://english-word-trainer.herokuapp.com
- Size: 57.6 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 45
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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