Welcome to the Dictionary 👋📚

A dictionary built using React, Typescript and Tailwind CSS. User authentication and database by Firebase

🏠 Demo link

Table of Contents

• Overview
  • The Challenge
  • Screenshot
  • Features
  • Built with
  • Author
• Install
• Usage

Overview

The Challenge

The goal of this project was to build a dictionary web app that allows users to search for words and get the Free Dictionary API's response for the searched word.

Screenshot

Features

• Search for words using the input field
• See the Free Dictionary API's response for the searched word
• See a form validation message when trying to submit a blank form
• Play the audio file for a word when it's available
• Switch between serif, sans serif, and monospace fonts
• Switch between light and dark themes
• View the optimal layout for the interface depending on their device's screen size
• Log in and save favorite words

Built with

• React
• Typescript
• Tailwind CSS
• Firebase Auth and Firestore

Author

• GitHub - lucafisc

Install

To install this project, clone the repository and run the following command in the project directory:

npm install

Usage

To start the app, run the following command in the project directory:

npm start

This will start the app in development mode. Open http://localhost:3000 to view it in the browser.