Giter Club home page Giter Club logo

worldwidetravel's Introduction

WorldWideTravel

GlotbalTravel is a fictional holiday review site. This website will allow users to view, share their their expeirences on theur travels. They will also be able comment underneath the holiday posts and also like them. Users will need to be logged in to get full functionality of the site.

User-Experience-Design

The-Strategy-Plane

Site-Goals

The site is aimed to enable travalers to have a simplostic way to share their expperiences with other fellow travelers. The site should enable users to gain and develop insights and ideals for potential future holidays through engaging with the website.

User Stories

Below are the user stories that were added to the Github Project.

EPIC | Site Navigation

  • As a User I can easily navigate around the site so that I can view different pages and sections on the site.
  • As a User I can click on the about page so that so that I can find out what the website is about and how to use it.
  • As a User I can view the list of recipes so that I can pick one to read.
  • As a User I can see the list of holiday destinations so that I can pick one to view.
  • As a User I can search for a holiday destination I that I am looking for.

EPIC | Crud Functionality

  • As a User I can add a travel rview so that eother people can view it.
  • As a User I can Edit/Delete my reviews so that I can make changes even after I have posted a recipe.
  • As a User I can like reviews so that I can show that I like a review without having to comment.
  • As a User I can add a wine that I like so that other people can see it.
  • As a User I can edit a review I added so that I can update or make changes.
  • As a User I can delete a review that I shared so that I have control over the reviews I share.
  • As a User I can comment on other reviews so that I can provide feedback.
  • As a User I can update my comments so that I can make changes incase I mistyped something or if I wish to delete the comment.
  • As a User I can View likes so that I can see how popular a recipe or comment is.
  • As a User I can Like comments so that I can show my appreciation of a comment.

EPIC | Administration

  • As a Site admin I can administer the site so that I can manage the sites content.
  • As a User I can reset my password so that I can change it if I have forgotten it or want to change it.

EPIC | Register / Sign in and out

  • As a User I can create an account so that I can add my own recipes and comment on other peoples recipes.
  • As a User I can Sign-in / Sign-out so that I can access features when signed in and signed out so that no one can access my account.

The-Surface-Plane

Tyopgaphy

I have used google fonts to select a font type that best supports the goals of the website, to provide a fun and easy on eye travel site for holidaygoers. For the main text I have selected Open Sans. To make the headers and the navigation bar stand out form the text, I decided to use Fredoka.

Color Scheme

The main color schemes for the website are black ( #000000 ) ground. White font (#FFF) and the gold (#8f773c9e) was added to borders, button text and hover affects to add a hint of color to the website.

Technolgies

  • HTML
    • The structure of the Website was developed using HTML as the main language.
  • CSS
    • The Website was styled using custom CSS in an external file.
  • JavaScript
    • JavaScript was used to make the custom slider on the menu page change and the bootstrap date picker.
  • Python
    • Python was the main programming language used for the application using the Django Framework.
  • Visual Studio Code
    • The website was developed using Visual Studio Code IDE
  • GitHub
    • Source code is hosted on GitHub
  • Git
    • Used to commit and push code during the development of the Website
  • Font Awesome
    • This was used for various icons throughout the site
  • Favicon.io
  • balsamiq
  • Canva
    • This was used to create the logo in header
  • TinyPNG
    • This was used to compress the hero image for optimal load times

Deploy on heroku

  1. Generate pipfile

    • Open the terminal and execute the command "pip3 freeze > requirements.txt" to generate a file containing all the necessary requirements.
  2. Heroku Setup

    • Access the Heroku website.
    • Log in to your Heroku account and select Create an App.
    • Click on the New button and create an app.
    • Select a suitable name and choose your location.
    • Proceed to the Resources tab.
    • From the list of resources, pick Heroku Postgres.
    • Go to the Deploy tab.
    • Click on Connect to Github and find your repository.
    • Open the Settings tab.
    • Reveal Config Vars and include your Cloudinary, Database URL (from Heroku-Postgres), and Secret Key.
  3. Heroku Deployment

    • Visit the Deploy tab.
    • Choose the main branch for deployment and activate automatic deployment.
    • Opt for manual deployment to build the application.

FORK THE REPOSITORY

To create a duplicate of the repository on your account and make modifications without impacting the original project, follow these steps using the Fork feature on GitHub:

  • Access the repository page on your account.
  • In the top right corner of the page, click on the Fork button.
  • A forked version of the project will be created and added to your repository.

CLONE THE REPOSITORY

To create a replica of the repository on your local machine, follow these steps using the Clone feature:

  • Access the repository page on your account.
  • Locate the green Code button above the code window and click on it.
  • Choose your preferred format from HTTPS, SSH, or GitClub CLI, and copy the provided URL (preferably HTTPS).
  • Open your Integrated Development Environment (IDE) and launch Git Bash.
  • Enter the command git clone followed by the copied URL in the Git Bash terminal.
  • The repository will be cloned, and a local copy will be created on your machine.

worldwidetravel's People

Contributors

adrianleung5 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.