Coder Social home page Coder Social logo

travel_blog's Introduction

A Django frontend project integrated with a PostgreSQL backend

Developed by Fabliha Hossain

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. Login Demo

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 Cards Demo

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. Entry Example Demo

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. Register Page

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). New Entry Page

Technology Decisions:
  • 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/

travel_blog's People

Contributors

fablihahossain avatar

Watchers

 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.