Giter VIP home page Giter VIP logo

dream-adventure's Introduction

Dream Adventure

Dream Adventure is a site that explores the New York City famous places and makes a nice trip for travel lovers. Dream Adventure is for those people who want to have a trip or who are interested in New York City. Dream Adventure will be useful for the people who want to get familiar with New York City and its famous places.

Responsice Mockup

Existing Features

  • Navigation Bar

    • Featured in all three sections, the full responsive navigation bar includes links to the Dream Adventure, Gallery, Tourism places, Hotels, Restaurants, and Contact Us section and is identical in each section to allow for easy navigation.
    • This section will allow the user to easily navigate from section to section across all devices.

Nav Bar

  • The landing page image

    • The landing includes a photograph with text overlay to allow the user to see exactly which location this site would be applicable to.
    • This section introduces the user to New York City.

Landing Page

  • Leran More About New York City Section

    • In this section, user can learn more about new york city and it has a link to the travel wiki for more information.

Learn More About New York City

  • Gallery

    • The gallery will provide the user with supporting images to see what New York City looks like.

Gallery

  • Tourism Places

    • This page will allow the user to get familiar with famous places to visit in New York City.

Tourism Places

Features Left to Implement

  • Add Hotels,Resturants, Contact us section

Testing

  • I tested that this page works in different browsers: Chrome, Firfox, Safari.

  • I confirmed that this project is responsive, looks good and functions on all standard screen sizes using the devtools device toolbar.

  • I confirmed that the navigation, header, about New York City, gallery, Tourism Places are all readable and easy understand.

Validator Testing

  • HTML
    • No errors were returned when passing through the official W3C validator
  • CSS
  • Accessibility
    • I confirmed that the colors and fonts chosen are easy to read and accessible by running it through lighthouse in devtools. Accessibility

Deployment

  • The site was deployed to GitHub pages. The steps to deploy are as follows:
    • In the GitHub repository, navigate to the Settings tab
    • From the source section drop-down menu, select the Main Branch
    • Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

The live link can be found here - https://smahdihussaini.github.io/dream-adventure/

Credits

Content

Media

  • The photos used on the banner, gallery, tourism places section are from This Open Source site: pexels
  • The video used on Learn more about New York City was taken from this Youtube channel: https://youtu.be/MtCMtC50gwY

dream-adventure's People

Contributors

smahdihussaini avatar

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.