React-dictionary-picture-app

A Full-Stack React Dictionary app with an Express backend, Tailwind UI, and data from two APIs. It provides real-time information and handles CORS errors for seamless data transfer.

https://react-picture-dictionary-app.web.app/

Languages and Tools:

Features

• The user interface was built using Tailwind
• The backend has an Express api proxy to fetch the one API data
• The app utilizes two APIs, one open source and the other using an API key
• The app fetches two APIs to images and information from user input
• It utilizes Firebase as the host

Project Screen Shot(s)

Example:

Installation and Setup Instructions

Example:

Clone down this repository. You will need node and npm installed globally on your machine.

Installation:

npm install

To Run Test Suite:

npm test

To Start Server:

npm start

To Visit App:

localhost:3000/ideas

Project to-dos

-

• What did you set out to build?
• Why was this project challenging and therefore a really good learning experience?
• What were some unexpected obstacles?
• What tools did you use to implement this project?

Documentation

Google