CTD-Open-API-Project

New code space

☕🍊 Cool Joe’s Juice & Coffee Bar API Project

Welcome to Cool Joe’s Juice & Coffee Bar, my Final API Project for Code the Dream!
This project showcases how to work with multiple APIs to fetch and display dynamic data.
It combines coffee and juice drink information with real-time weather data, offering users a unique and refreshing digital café experience.

---

🚀 How to View the Project

1. Visit the Repository

Click below to open the project on GitHub:
👉 https://github.com/Millicenttraylor7/CTD-Open-API-Project

---

💻 How to Run the Project Locally

To run the project on your own compu# Clone the repository git clone https://github.com/Millicenttraylor7/CTD-Open-API-Project.git

Go into the project directory

cd CTD-Open-API-Project

Install dependencies

npm install

Then open your browser and visit: 🌐 http://localhost:3000

🔍 Project Overview

Cool Joe’s Juice & Coffee Bar combines two main APIs to deliver a fun, interactive user experience:

Coffee & Juice API – Displays a variety of hot and iced coffee drinks, along with refreshing juice options.

Weather API – Shows current weather conditions, helping users decide if today’s the day for a hot latte or a cold smoothie!

This project demonstrates:

Fetching and integrating data from multiple APIs

Using JavaScript (Fetch API and async/await) for asynchronous requests

Dynamically rendering JSON data to the webpage

Practicing clean UI/UX design principles for data display

🧩 Example APIs Used API Endpoint Description ☕ Coffee API https://api.sampleapis.com/coffee/hot Fetch hot coffee drinks ☕ Coffee API https://api.sampleapis.com/coffee/iced Fetch iced coffee drinks 🌦️ Weather API https://api.open-meteo.com/v1/forecast Fetch current weather conditions 🧰 Technologies Used

HTML, CSS, JavaScript (ES6)

Fetch API & Async/Await

Node.js (optional for local setup)

JSON Data Handling

Git & GitHub

📄 Documentation

For more details:

Check the /docs folder (if available)

Review code comments for explanations of logic, API calls, and data rendering

🌟 About the Developer

Hi! I’m Millicent Traylor, a design-minded developer and retired physician with a passion for technology, creativity, and social impact. I built Cool Joe’s Juice & Coffee Bar to explore how APIs can blend functionality and fun — connecting coffee culture with weather insights in a digital space.

Let’s connect! 🔗 LinkedIn

💻 GitHub

🏁 Thank You for Visiting!

If you like this project, please ⭐ the repo or share your feedback — your support keeps Cool Joe’s brewing! ☕✨

Start the server

npm start