https://github.com/rociogarrido/react-dictionary
📕📚 A React Dictionary App built with Material-UI to provide different styles (light / dark mode), with support of over 12 languages.
https://github.com/rociogarrido/react-dictionary
axios dictionary-api material-ui reactjs
Last synced: about 1 year ago
JSON representation
📕📚 A React Dictionary App built with Material-UI to provide different styles (light / dark mode), with support of over 12 languages.
- Host: GitHub
- URL: https://github.com/rociogarrido/react-dictionary
- Owner: rociogarrido
- License: mit
- Created: 2021-08-31T13:01:59.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-09-02T12:44:19.000Z (over 4 years ago)
- Last Synced: 2025-01-31T07:31:21.313Z (about 1 year ago)
- Topics: axios, dictionary-api, material-ui, reactjs
- Language: JavaScript
- Homepage: https://rociogarrido.github.io/react-dictionary/
- Size: 1.21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Dictionary
## How I worked on this project 👩🏼💻
🚀 My goal was to continue practicing React by building a Dictionary App.
- I built this app based on a tutorial from Roadside Coder / freeCodeCamp.
## How to navigate this project 🧭
- Responsive CSS using Material UI.
- The application fetches data from the Dictionary API.
## Why I built the project this way 🚧
- I wanted to practice using React Hooks.
- Material UI is a great library for styling. Material UI components inherit style component syntax, which means you just need to import the component that you want to use and use it as a react component.
- My plan is to become a full-stack developer eventually. But for the beginning I focus on the frontend. That's why I decided to use an existing API rather to create a custom server. I have basic backend knowledge as well.
## If I had more time I would change this ⌛
- I would add images, for the app to be more visual and intuitive. I would create another component and add it below the Definitions component.