Skip to content

Latest commit

 

History

History
61 lines (40 loc) · 1.53 KB

README.md

File metadata and controls

61 lines (40 loc) · 1.53 KB

Babel Bites

An application for bite-size news and a text translator for aspiring polyglots.

Features

  • Filter for news from 30 countries and 22 languages
  • Highlight words or phrases from news to translate into various languages or write your own notes
  • Translator page allows translation to 100+ languages
  • Notes page to post notes about the corresponding headlines
  • Edit or delete your notes

Wireframe

Pages

Homepage: Alt text

News Page:

  • Search for news of your topic of interest filtered by country or language
  • Highlight word or phrases to Translate
  • Post a note on the headline of interest

Alt text Alt text

Translation Page:

  • input your own word > select language
  • receives selected word or phrases from News Page to translate

Alt text

Notes Page:

  • create your own notes
  • receives selected headline from News Page for you to make your own commentary

Alt text Alt text

Icebox

  • Search bar on Notes Pages to find notes
  • Sort notes by date - they seem to be randomly rendering?
  • Notes formatting - Airtable limitation?
  • Responsive design for smaller devices

Project Criteria

Use React framework to build your application with at least:

  • 5 components
  • 4 props
  • 2 useStates
  • 2 react router routes
  • 1 lifting state, which is used to implement CRUD on the client side