JUNGLE-DJANGO Webpage!

This Is My New Django Netflix Clone Page! DjangoSeries Episode # 03

Published in

Jungletronics

5 min readJan 14, 2022

Hi guys, I’m so happy to announce this! I Just uploaded a new Django web page on Heroku. A Netflix clone!

Here it is: https://jungledjango.herokuapp.com/

🥳**Jungle-Django**! Welcome! The launch coincides with the date on which I celebrate another year of life! 🙌

…and the third page, showing the footer.

It’s features?

It's a simple Netflix clone (🎵 Well I'm a one man band 😜)
It copy its look-and-feel shame·less·ly!
When entering the page, you can go straight to the login button:Unable to authenticate? Create a new Jungletronics account!

…and this is a pep8-friedly industry login-logout system (Django authentication system handles both authentication and authorization. Briefly, authentication verifies a user is who they claim to be, and authorization determines what an authenticated user is allowed to do. Just unbelievable! 😮).

I need to implement the center-button-trigger action to search for email in db and return to login page, if user exists, or redirect to create an account page if it doesn't (🎵Soon We’ll Be Found🐜).

Login page is automatically loadedThe app takes the user's to a personalized home page experience...

J3 is logged in! Look at the Upper corner…

Different users will have the platform adapted to their use.

Non-intrusive navigation bar:

As the user scrolls down, the bar appears with a gray background and then, on the second page, disappears completely! Just an awesome feature, isn’t it? (JavaScript does that!)

Dynamic carousel inspired by this work by Raddy:https://codepen.io/Raddy/pen/NojQmd

**Home page: New** videos/posts, and videos / Posts **Hot** watched, and **Already** Viewed videos/posts Sections **Personalize page**: **Popular** videos/posts, and videos / Posts **already** watched, and **Visualization count.**

If you click play, you will be redirected to the main page or a registered video (I chose news post, by now...)ex: https://jungledjango.herokuapp.com/filmes/5

Here you will find description of episodes, related videos/posts, views and available episodes.

Once logged, you have a Searching machinery at your disposal (just type some text & hit Enter)

When you click logout, you will have the opportunity to return to the welcome page by clicking on the jungle django logo.

Create Account/Login Page Redirections

Edited January 16, 2022: [Fixed Post redirect at homepage 😎]

If the user enters with a crazy email, and click enter,…

…the app searches the database for the email entered... As this is not the case, just ask the internet user to register himself(redirecting him to Create An Account Page):

Now, if the user is returning to the website, redirect him to the login page, and if the user saved the password in the browser, just click Login, and you are ready to go 🥳

The Footer

Beautiful footer bringing the technologies applied on the site:

That’s it!

It’s a lot of effort, but bit by bit we are making good here and there and then, who knows, upload some real professional site and make a living as a Django freelancer…

There will be a lot enhancement in this project as time goes by (till I really grasp Django), and I guess they can stay as is until we meet again in a Sunday Morning 🎵…

I hope you have a great day!

In the next post I will initialize a step-by -step Django tutorial!

See you around!

Bye!

Credits and References:

www.hashtagtreinamentos.com

Want to join a team of the best and brightest online media developers? Read this article from the Cia that support (and participate in) the development of Django — Lawrence Journals

Django History — slides

Django (web framework) — Wikipedia

00#Episode — DjangoSerie — Django Intro — How To Build your First App in Python Django Framework — DjangoSeries

01#Episode — DjangoSerie — Django MTV In VS Code — How To Install Django Inside Virtual VS Code

02#Episode — DjangoSerie — Can You Solve This in Python? — Here is A Basic Python Question!

03#Episode — DjangoSerie — JUNGLE-DJANGO Webpage! This Is My New Django Netflix Clone Page! (this one :)

04#Episode — DjangoSerie — A Django Blog In VS Code — Quick Start! — Part_I

05#Episode — DjangoSerie — A Django Blog In VS Code — Database, Migrations & Queries — Part_II

06#Episode — DjangoSerie — A Django Blog In VS Code — Bootstrap, Tailwind CSS — Part_III

07#Episode — DjangoSerie — A Django Blog In VS Code — Forms & Validations — Part_IV

08#Episode — DjangoSerie — A Django Blog In VS Code — Login & Logout — Part_V

09#Episode — DjangoSerie — A Django Blog In VS Code — Upload Profile Picture — Part_VI

10#Episode — DjangoSerie — A Django Blog In VS Code — Update & Resize Picture — Part_VII

11#Episode — DjangoSerie — A Django Blog In VS Code — Class-Based-View & CRUD — Part_VIII

12#Episode — DjangoSerie — A Django Blog In VS Code — Posts Pagination & Quick DB Population — Part_IX

13#Episode — DjangoSerie — A Django Blog In VS Code — Self-Service Django Password Reset — Part_X

14#Episode — DjangoSerie — A Django Blog In VS Code — Heroku Deploy — How To Push Your Site To Productio — Part_XI

Our greatest glory is not in never falling…
But in rising every time we fall!😤