L'histoire de la création d'une application Web qui enregistre des lectures approfondies avec Django

introduction

La lecture approfondie en anglais, l'ouverture et l'enregistrement du cahier de lecture à chaque fois que je le lis est un gâchis, et je ne peux pas maintenir ma motivation. .. .. J'ai donc fait du lecteur extensif une application Web. Ce que j'ai fait → https://tadokuapp.herokuapp.com/tadoku/

une fonction

Puisqu'il serait ennuyeux de lister la date, le titre, le nombre de mots, etc. comme un lecteur de papier extensif, le nombre de mots est affiché sur le calendrier. En outre, le nombre de mots lus chaque mois est affiché sous forme de graphique à barres.

Environnement de développement

python3.7.6 Django3.0.3

calendrier

Série de création de calendriers avec Django J'ai fait référence au calendrier de cette personne. J'apprécie vraiment cela. ~~ Je ne peux pas le faire moi-même ~~ Le nombre de mots lus ce jour-là est affiché sous la date.

Autour de l'authentification

Pour vous connecter et vous déconnecter, utilisez celui qui est fourni en standard avec Django et inscrivez-vous par vous-même. Aussi, écrivez html en haut de la page pour que "Bienvenue (nom d'utilisateur), déconnexion" s'affiche lors de la connexion et "Bienvenue, connexion" s'affiche lors de la déconnexion.

base.html

{% if user.is_authenticated %}
    <a href="{% url 'accounts:logout' %}" class='user'>Welcome {{ user.get_username }}, logout</a>
{% else %}
    <a href="{% url 'accounts:login' %}" class='user'>Welcome guest, login here!</a>
{% endif %}

Graphique

Transmettez les informations de livre de l'utilisateur actuellement connecté dans les vues au modèle. Chart.js est utilisé pour dessiner le graphique. De plus, le nombre de mots (mensuel et tous les deux), le montant de l'augmentation du nombre de mots par rapport au mois précédent et le nombre de livres lus (mensuellement et tous les deux) sont affichés sous le graphique. J'ai également ajouté un bouton tweet. https://publish.twitter.com/#

profil

Je suis seul avec juste le nom d'utilisateur et les informations sur l'utilisateur, alors j'ai introduit le rang d'utilisateur ~~ (quelque chose comme le taux d'Atcoder) ~~. Le rang de l'utilisateur est changé en gris, marron, vert ... en fonction du nombre de mots lus.

Déployer

C'est heroku. (Je voulais le déployer avec DigitalOcean, mais j'ai abandonné car le paiement était Creca ou PayPal)

Impressions

Depuis que j'ai commencé à étudier Django, cela a pris un temps inattendu, mais je suis content que ce soit terminé. Il y a de nombreuses améliorations, telles que l'accélération en optimisant les requêtes et l'introduction du cache, et l'amélioration de la convivialité en améliorant l'authentification sociale et les taux (comme la réduction si vous sautez), je vais donc continuer le développement.

Résumé

Django est amusant.