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.
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.
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.
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.
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.
- 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
- favicon files were created at https://favicon.io/favicon-converter/
- balsamiq
- wireframes were created using balsamiq from https://balsamiq.com/wireframes/desktop/#
- Canva
- This was used to create the logo in header
- TinyPNG
- This was used to compress the hero image for optimal load times
-
Generate pipfile
- Open the terminal and execute the command "pip3 freeze > requirements.txt" to generate a file containing all the necessary requirements.
-
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.
-
Heroku Deployment
- Visit the Deploy tab.
- Choose the main branch for deployment and activate automatic deployment.
- Opt for manual deployment to build the application.
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.
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.