React Dictionary Project

A dictionary web application built with React that allows users to search for word definitions, phonetics, synonyms, and related images.

This project integrates the Free Dictionary API for definitions and the Pexels API for imagery, and uses Bootstrap for layout and styling.

🔗 Live Demo: https://zealous-bartik-1e08ce.netlify.app/

---

Tech Stack

• React.js
• Bootstrap
• Axios
• Free Dictionary API
• Pexels API

---

Features

• Search for word definitions
• View phonetics and synonyms
• Display related images from Pexels
• Responsive layout using Bootstrap
• Client-side API integration

---

Project History

This project was originally built as part of the SheCodes React Workshop using Create React App in 2021.

It was later modernized to:

• migrate from Create React App to Vite
• upgrade to React 18
• improve API handling and environment variable usage
• clean up project structure and tooling

The goal of this update was to keep the original functionality while aligning the project with modern React best practices.

---

Getting Started (Local Development)

Prerequisites

• Node.js (v18+ recommended)
• npm

Installation

git clone https://github.com/jordnlnn/react-dictionary-project.git
cd react-dictionary-project
npm install