8000 GitHub - yakovcohen4/AWS-Dictionary-Front
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

yakovcohen4/AWS-Dictionary-Front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

English-Dictionary-AWS - My frontend


Technologies in use 💻 -

  • React

  • TypeScript

  • AWS - S3 simple storage service

Packages 📦 - axios, nanoid, react-router-dom ,sass


My App 📖 -

Features -

  • Over 30,000 words!
  • Search by word and get all its definitions in the different parts of speech.
  • Search by word and part of speech desired.
  • Receiving a random word in a particular part of speech.
  • By clicking on any of the words you can switch to the definition of the same word!
  • Mobile first design!
  • Nice loader.

To Do -

  • Error handling to fail request.

Screenshots -

Dynamic routes:

  • "BASE_URL/" - For home page

Home Page

  • "BASE_URL/word/:word" - For the result of a word search - All Parts Of Speech

Search Word - Example

  • "BASE_URL/part-of-speech/:part" - Receiving a random word in a specific parts of speech

Random Part Of Speech


Assignment - Front

Your about to build an english dictionary app

  1. FRONTEND:
    1. build a create-react-app english dictionary app (mobile first)
    2. URL routes:
      1. /:word - dynamic route - word is dynamic URL parameter, used to request backend api
      2. /:word/:partOfSpeech - dynamic route - word is dynamic URL parameter, used to request backend api
      3. /part-of-speech/:part - part is enum URL parameter, used to request backend api
    3. each word in dictionary is clickable and will redirect to a common URL
    4. BONUS should be deployed to S3 bucket

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0