https://github.com/ugboaja-uchechi/dictionary

https://github.com/ugboaja-uchechi/dictionary

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/ugboaja-uchechi/dictionary
• Owner: Ugboaja-Uchechi
• Created: 2024-06-15T22:14:45.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-15T20:36:47.000Z (6 months ago)
• Last Synced: 2024-07-16T01:07:20.641Z (6 months ago)
• Language: TypeScript
• Homepage: https://dictionsearch.vercel.app/
• Size: 130 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dictionary Web App

This is my solution to the [Frontend Mentor Dictionary Web App](https://www.frontendmentor.io/challenges/dictionary-web-app-h5wwnyuKFL)

## The challenge

In this project, I integrated the Dictionary API to create a real-world dictionary web app.

## Key Features

- **Search Functionality:** Easily search for words using the input field.

- **Comprehensive Results:** View detailed responses from the Free Dictionary API.

- **Audio Pronunciations:** Listen to word pronunciations with a single click (when available).

- **Customizable Fonts:** Switch between different font options for a personalized experience.

- **Theme Toggle:** Seamlessly switch between light and dark modes to suit your preference.

## Live Link

[Live Link](https://dictionsearch.vercel.app/)

## Screenshots

Light Mode | Dark Mode

------------- | -------------

![image](https://github.com/Ugboaja-Uchechi/dictionary/assets/74814780/de04837a-a618-411e-8660-b8e992797e3e)  |  ![image](https://github.com/Ugboaja-Uchechi/dictionary/assets/74814780/c8231dd6-68c3-42bf-9c13-9a0239f68762)

## Tech Stack

- Next.js

- TypeScript

- [DictionaryAPI](https://dictionaryapi.dev/)

- CSS

## Author

Ugboaja Uchechi

- GitHub: [GitHub](https://github.com/Ugboaja-Uchechi)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/stephanie-ugboaja/)

- Portfolio: [Website](https://tired-coder.vercel.app/)

## 🤝 Contributing

Contributions, issues, and feature requests are always welcome!

### Show your support

Give a ⭐️ if you like this project!

## Acknowledgment(s)

- Frontend Mentor