marishibata / phone-number-letter-converter

Letter-to-number converter (phonewords)

Full-stack application that converts a given numeric string into a list of corresponding words in the style of Phonewords (https://en.wikipedia.org/wiki/Phoneword).

Features

• Basic keyboard UI
• Users can select number to enter into input field
• Display letters according to number combinations
• Clear button to clear input so users can re-enter a new set of digits

Tech Stack

• TypeScript
• React
• Redux
• CSS
• Styled Components
• Node.js
• Express

Getting Started

Clone this repo:

git clone https://github.com/marishibata/phone-number-letter-converter.git

Navigate into project directory:

cd phone-number-letter-converter

Navigate to the back-end

cd server

Install npm packages:

npm install

Run server:

node server.js

Open another terminal and navigate to the front-end:

cd ..
cd client

Install npm packages:

npm install

Run app:

npm start 

Additions if I have time

• Refactor all CSS to Styled Components for consistency

• UI - very basic right now, could look more like a mobile phone

• Animated transitions - when app loads on page, clicking on buttons etc

• More filtering features - e.g. making it applicable to display certain words

• Add unit tests