Skip to content

CamilaNieto-Centennial/landhop

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
finalProject
finalProject
 
 
landhop
landhop
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
db.sqlite3
db.sqlite3
 
 
manage.py
manage.py
 
 
requirements.txt
requirements.txt
 
 

Repository files navigation

LANDHOP

Project made for CS50W - Final Project

Video Demo: Youtube Video

Link of the Project

Description:

This project is a responsive webpage perfect for tourists and travelers. The goal of this project is to offer the user an opportunity to get an accurate tourist guide website by allowing people to rate sights and make comments about them. This website uses HTML, CSS, JavaScript, Bootstrap, Python (Django), and SQLite. Please keep in mind that this is not an official website that shows up as a real tourist guide webpage. I am just a developer who wants to showcase a cool website, taking inspiration from websites like "Lonely Planet", and "Get Your Guide".

The website has different features. To get to the home page, the user must log in or register. Once that is done, the user will be able to explore the full webpage by going through the Top cities or choosing a section. After choosing a city, the user can check the top sights for that city in particular. Once the sight is chosen, the user can read and/or make comments and rate that attraction.

Distinctiveness and Complexity:

Explanation of the files inside this repository:

  • finalProject folder: It's where the main settings of the project live. It has all the configuration values that are necessary so the web application works. As well, the list of URLs are included in this folder
  • landhop folder: There, we can find many important files:
    • The static folder contains the styles, JavaScript files, and images of the web app.
    • The templates folder has the HTML files necessary for the web application.
    • The admin.py file makes possible the use of the Django Administration site by registering the name of the tables that we want to manage there.
    • In models.py, we can add/edit tables so, will be uploaded to the database.
    • In urls.py, we can find the URLs that belongs to our landhop application.
    • On views.py we can add logic to our website. For example, by retrieving certain data from our database, or by updating rows on our database.
  • db.sqlite3: It's the place where our database lives
  • manage.py: Here we can interact with the Django project's settings
  • requirements.txt: A list of the libraries, modules, and packages that are necessary for the project

It's essential to clarify that this website is NOT an e-commerce site or a social media app. The reasons behind that are:

  • The landhop webpage is a tourist guide. A tourist guide does not sell any items. Instead, it's an informative site that's not for profit.
  • Meeting new people is not the goal of this webpage. This website was created so users before traveling can get a better perspective about the place that they're planning to visit.

How to Run the website locally:

After you clone this repository, you must follow these steps:
  • Go to the folder where you cloned the repository. Copy the path of it, and open your terminal. There you need to type cd YOUR_PATH . Now go inside of the landhop folder, by doing cd landhop. If you do ls you will be able to find the following files: README.md db.sqlite3 finalProject landhop manage.py requirements.txt
  • Now, install a virtual environment by typing pip install virtualenv
  • Type virtualenv env
  • Go to env/Scripts folder. By doing: cd env/Scripts
  • Type activate. If this went successfully you should see an (env) message at the beginning of the path.
  • Go back to our main folder by typing cd ../..
  • Install Django. Type pip install django
  • Check Django was installed. Type django-admin --version
  • Type python manage.py runserver
  • Copy the URL given on the terminal, and paste it into your browser.

Coming soon:

  • Users can have the ability to add/edit top sights.
  • Deploy the website totally.

References:

The content inside the webpage was taken from inspiration from various sources. As well, the information and images were taken from:

About

CS50’s Web Programming with Python and JavaScript - Final Project: https://landhop.up.railway.app/

Resources

Readme
Activity

Stars

1 star

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages