Project Objective: After implementing websites with Python Flask, I wanted to see how it compares to the Django Web Framework. This particular website allows users to share their travel journeys with other travelers around the world.
Login Demo: The following gif shows the initial welcome page that provides routes to the login and registration pages. Once the site validates a user's credentials, the welcome page is updated to show a menu of options that the user can engage in. In a (potential) future version of this site, the user would be able to have a page dedicated to their own entries in order to view, modify, or delete them.
Homepage: The homepage of the site showcases all the uploaded entries in the database. It is currently in chronological order, where the latest entry is shown at the beginning. In a potential future version, the entry card could include the date and time of when it has been uploaded.
Entry Display Demo: This next gif shows a clearcut example of how to view a travel entry. The page utilizes a carousel to display the images alongside their respective descriptions. The user can either click the previous and next arrow buttons to go through the images, or let the carousel automatically scroll through them.
Registration Page: The below screenshot show a standard registration page. It simply asks for name, email, username, and password. Error handling has been implemented to prevent multiple users having the same username. Once registered, the user is redirected to the login page to enter the site.
New Entry Page: This final screenshot shows the form that a user must fill out in order to submit their entry. In this devleopmental environment, the user can upload up to 5 images per entry. Proper error handling is implemented to ensure that the number of descriptions match the number of images uploaded (and vice versa).
- Django
- PostgreSQL
- Javascript
- Bootstrap 4.5
- HTML
License Info: This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License https://creativecommons.org/licenses/by-nc-nd/4.0/