GithubHelp home page GithubHelp logo

paulinasiwko / curiocity Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 3.0 6.92 MB

A group project powered by seven different server-side APIs, enhancing its functionality and data integration capabilities ๐Ÿ”จ

Home Page: https://curio-city.netlify.app/

License: MIT License

HTML 19.78% JavaScript 54.60% CSS 25.62%
bootstrap dayjs edamam-api exchangerate-api flickr-api javascript jquery omdb-api openweathermap-api

curiocity's Introduction

CurioCity: Your Interactive City Exploration Companion

Description

CurioCity is an innovative, user-friendly platform that enhances the urban exploration experience. Designed for both avid travelers and curious locals, it offers a comprehensive guide to cities worldwide. By inputting a city name, users receive an array of information: current weather, captivating images, city descriptions, trending movies, local cuisine insights, and a convenient currency converter. This holistic approach, powered by seven different server-side APIs, provides an immersive and informative exploration tool for city enthusiasts.

Table of Contents

Installation

To install and run this CurioCity:

  1. Clone the repository from GitHub.

  2. Replace API keys with your personal keys obtained from the respective API providers.

Usage

  1. Enter the name of a city in the search box.

  2. Browse through the comprehensive data provided, including weather, images, city descriptions, videos, cuisine, and currency exchange rates.

  3. Each search will be stored in your history for easy future reference.

Features

Current Weather Data: Access up-to-date weather information for any searched city.

City Images and Description: Explore beautiful images and detailed descriptions of cities.

Trending Movies: Watch popular videos related to the selected city and country.

Local Cuisine: Discover the culinary delights that the city offers.

Responsive and Interactive UI: A user-friendly interface that responds to your every input.

Screenshot and links

Homepage

Landing

Link to the working app

https://paulinasiwko.github.io/CurioCity/

Credits

Special acknowledgments to:

  • OpenWeatherMap, Edamam, TMBD, Wikipedia, Flickr, exchangerate-api and other API providers for data.
  • Stack Overflow, MDN Web Docs, and the broader development community for guidance and support.
  • Our Instructors, TAs and friends for help and understand where is a problem and how to solve it.

Contributors

The success of CurioCity is attributed to the dedicated efforts of our talented team:

  1. Paulina Siwko
  2. Nirmean Sawi
  3. Tomasz Jasinski
  4. Michal Paleczny

Technologies Used

  • HTML5
  • CSS3
  • Bootstrap 5
  • JavaScript
  • Multiple Server-Side APIs

curiocity's People

Contributors

mrkatrish avatar nirmean avatar paulinasiwko avatar tomixjasina avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

curiocity's Issues

Bug in search box

Hello!
I checked the app available here: link and I encountered an bug because whatever I type in the search box, shows information about it. Example:
obraz

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.