Skip to content
/ define Public

๐Ÿ“– A modern dictionary app with customizable themes for a personalized experience.

Notifications You must be signed in to change notification settings

aniqatc/define

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

49 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

define

๐Ÿ“– A modern dictionary app built with React that provides word definitions, usage examples, and related imagery, along with customizable themes and typography for a personalized experience.

Tech

  • React
  • Tailwind CSS
  • Framer Motion
  • Radix UI (for custom select component)
  • Lucide React (for icons)

API Integrations

  • Pexel API for imagery
  • Free Dictionary API for definitions

Features

  • Word lookups with comprehensive definitions and examples
  • Synonyms and antonyms
  • Audio playback of word pronunciations
  • Related images for visual context
  • Multiple theme options (light, dark, ocean, forest)
  • Customizable typography (sans-serif, serif, monospace)
  • Smooth animations
  • Error handling

Project Structure

  • components/ - React components organized by feature (header/, search/, grid/, footer/, error/)
  • context/ - theme and font context providers
  • data/ - data fetching logic

Key Concepts

React:

  • Hooks (useState, useEffect, useContext)
  • Context API for theme and font settings
  • Props for component communication
  • Conditional rendering
  • Event handling
  • Error handling
  • Async data fetching

Styling:

  • Custom Tailwind variants for theme support (dark:, forest:, ocean:)
  • Framer Motion used for sequential animations during component mounting
  • Responsive design with Tailwind breakpoints

Available Scripts

This project was bootstrapped with Create React App and utilizes the following scripts:

  • npm start - Runs the app in development mode at http://localhost:3000
  • npm run build - Creates an optimized production build in the build folder

About

๐Ÿ“– A modern dictionary app with customizable themes for a personalized experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published