\.json|\.yaml)$",
31 | schema_view.without_ui(cache_timeout=0),
32 | name="schema-json",
33 | ),
34 | re_path(
35 | r"^swagger/$",
36 | schema_view.with_ui("swagger", cache_timeout=0),
37 | name="schema-swagger-ui",
38 | ),
39 | re_path(
40 | r"^redoc/$", schema_view.with_ui("redoc", cache_timeout=0), name="schema-redoc"
41 | ),
42 |
43 | # browser login
44 | path("api-auth/", include("rest_framework.urls")),
45 |
46 | # api authentication and token generation
47 | path("user/", include("accounts.urls", namespace="accounts")),
48 |
49 | # api
50 | path("posts/", include("posts.urls", namespace="posts_api")),
51 | ]
52 |
53 | # media urls
54 | urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
55 |
--------------------------------------------------------------------------------
/frontend/blog-app/src/Containers/Authentication/Signin/Signin.module.css:
--------------------------------------------------------------------------------
1 | .brandMsg{
2 | padding: 60px 0 0;
3 | text-align: center;
4 | font-size: 30px;
5 | }
6 |
7 | .brandLogo{
8 | width: 100px;
9 | height: 100px;
10 | border: 2px solid black;
11 | display: block;
12 | margin: 0 auto 20px;
13 | font-size: 20px;
14 | }
15 |
16 | .external{
17 | display: block;
18 | margin: 20px auto;
19 | padding: 30px;
20 | background-color: #edeff1;
21 | text-align: center;
22 | width: 90%;
23 | max-width: 460px;
24 | box-sizing: border-box;
25 | }
26 |
27 | .wel_quote{
28 | color: rgb(87, 87, 87);
29 | }
30 |
31 | .input{
32 | background-color: #aaaaaa00;
33 | width: 90%;
34 | padding: 5px;
35 | margin: 15px auto;
36 | height: 32px;
37 | font-size: 18px;
38 | border: none;
39 | border-bottom: 2px solid grey;
40 | display: block;
41 | text-align: left;
42 | }
43 |
44 | .input:focus{
45 | outline: none;
46 | background-color: #e9f1ff;
47 | border-color: rgb(44, 119, 216);
48 | }
49 |
50 | button{
51 | background-color: #eee;
52 | border: none;
53 | height: 30px;
54 | }
55 |
56 | button.signin{
57 | background-color: #2ea44f;
58 | color: white;
59 | display: block;
60 | width: 90%;
61 | max-width: 400px;
62 | padding: 5px;
63 | margin: 10px auto;
64 | border-radius: 15px;
65 | height: 40px;
66 | margin-top: 30px;
67 | font-size: 18px;
68 | }
69 |
70 | button.signin:focus, button.signin:hover{
71 | outline: none;
72 | background-color: #4baa66;
73 | }
74 |
75 | .newToAppMsg, .forgotMsg{
76 | font-size: 18px;
77 | color: rgb(105, 105, 105);
78 | margin-top: 20px;
79 | }
80 |
81 | .newToAppMsg a,.forgotMsg a{
82 | color: rgb(31, 116, 185);
83 | text-decoration: none;
84 | font-weight: bold;
85 | margin: 0 10px;
86 | display: inline-block;
87 | }
88 | .newToAppMsg a:hover,.forgotMsg a:hover{
89 | color: rgb(69, 136, 190);
90 | }
--------------------------------------------------------------------------------
/frontend/blog-app/src/Containers/Home/Home.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import Wrap from '../../hoc/Wrap/Wrap';
4 | import classes from './Home.module.css';
5 |
6 | class Home extends React.Component{
7 | render = () => (
8 |
9 |
10 |
11 | The following text is a sample text and also informative for the further development of this app.
34 |
35 | )
36 | }
37 |
38 | export default Home;
--------------------------------------------------------------------------------
/backend/accounts/views.py:
--------------------------------------------------------------------------------
1 | from django.contrib.auth import get_user_model
2 | from django.shortcuts import render
3 | from rest_framework.permissions import (
4 | AllowAny,
5 | IsAuthenticated,
6 | IsAuthenticatedOrReadOnly,
7 | )
8 | from rest_framework.response import Response
9 | from rest_framework.status import HTTP_200_OK, HTTP_400_BAD_REQUEST
10 | from rest_framework.views import APIView
11 | from rest_framework.generics import (
12 | CreateAPIView,
13 | DestroyAPIView,
14 | ListAPIView,
15 | ListCreateAPIView,
16 | RetrieveUpdateDestroyAPIView,
17 | )
18 | from posts.permissions import IsOwnerOrReadOnly, IsOwner
19 | from .serializers import UserSerializer
20 |
21 | # Create your views here.
22 |
23 | User = get_user_model()
24 |
25 |
26 | class UserCreateAPIView(CreateAPIView):
27 | """
28 | post:
29 | Create new user instance. Returns username, email of the created user.
30 |
31 | parameters: [username, email, password]
32 | """
33 |
34 | permission_classes = [AllowAny]
35 | serializer_class = UserSerializer
36 |
37 | class UserListAPIView(ListAPIView):
38 | """
39 | get:
40 | Returns list of all exisiting users
41 | """
42 |
43 | queryset = User.objects.all()
44 | permission_classes = [IsAuthenticated]
45 | serializer_class = UserSerializer
46 |
47 |
48 | class UserDetailAPIView(RetrieveUpdateDestroyAPIView):
49 | """
50 | get:
51 | Returns the detail of a user instance
52 |
53 | parameters: [id]
54 |
55 | put:
56 | Update the detail of a user instance
57 |
58 | parameters: [id, username, email, password]
59 |
60 | delete:
61 | Delete a user instance
62 |
63 | parameters: [id]
64 | """
65 |
66 | permission_classes = [IsAuthenticatedOrReadOnly, IsOwner]
67 | queryset = User.objects.all()
68 | serializer_class = UserSerializer
69 | lookup_field = 'id'
--------------------------------------------------------------------------------
/backend/posts/migrations/0001_initial.py:
--------------------------------------------------------------------------------
1 | # Generated by Django 3.1.3 on 2020-12-19 14:26
2 |
3 | from django.conf import settings
4 | from django.db import migrations, models
5 | import django.db.models.deletion
6 |
7 |
8 | class Migration(migrations.Migration):
9 |
10 | initial = True
11 |
12 | dependencies = [
13 | migrations.swappable_dependency(settings.AUTH_USER_MODEL),
14 | ]
15 |
16 | operations = [
17 | migrations.CreateModel(
18 | name='Post',
19 | fields=[
20 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
21 | ('slug', models.SlugField()),
22 | ('title', models.CharField(max_length=100)),
23 | ('body', models.TextField()),
24 | ('description', models.CharField(max_length=200)),
25 | ('created_at', models.DateTimeField(auto_now_add=True)),
26 | ('updated_at', models.DateTimeField(auto_now=True)),
27 | ('image', models.ImageField(blank=True, null=True, upload_to='media')),
28 | ('author', models.ForeignKey(default=1, on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
29 | ],
30 | options={
31 | 'ordering': ['-created_at', '-updated_at'],
32 | },
33 | ),
34 | migrations.CreateModel(
35 | name='Comment',
36 | fields=[
37 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
38 | ('body', models.TextField()),
39 | ('created_at', models.DateTimeField(auto_now_add=True)),
40 | ('updated_at', models.DateTimeField(auto_now=True)),
41 | ('author', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
42 | ('parent', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='posts.post')),
43 | ],
44 | options={
45 | 'ordering': ['-created_at', '-updated_at'],
46 | },
47 | ),
48 | ]
49 |
--------------------------------------------------------------------------------
/frontend/blog-app/src/Components/UI/Toolbar/Toolbar.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Navigation from './Navigation/Navigation';
3 | import Wrap from '../../../hoc/Wrap/Wrap';
4 | import HamBurger from './HamBurger/HamBurger';
5 | import Backdrop from '../Backdrop/Backdrop';
6 | import SideDrawer from '../SideDrawer/SideDrawer';
7 |
8 | import classes from './Toolbar.module.css';
9 |
10 | class ToolBar extends React.Component{
11 | state = {
12 | isOpened: false
13 | };
14 | render(){
15 |
16 | return(
17 |
18 |
19 |
20 |
21 |
22 |
23 |
{
26 | this.setState((prevState) => {
27 | return {
28 | isOpened: !prevState.isOpened,
29 | };
30 | });
31 | }}
32 | />
33 | {
36 | this.setState((prevState) => {
37 | return {
38 | isOpened: false,
39 | };
40 | });
41 | }}
42 | />
43 | {
46 | this.setState((prevState) => {
47 | return {
48 | isOpened: false,
49 | };
50 | });
51 | }}
52 | />
53 |
55 | )
56 | }
57 | }
58 |
59 | export default ToolBar;
--------------------------------------------------------------------------------
/frontend/blog-app/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Blog App - Welcome to a new world of blogs
32 |
33 |
34 | You need to enable JavaScript to run this app.
35 |
36 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/backend/posts/models.py:
--------------------------------------------------------------------------------
1 | from django.db import models
2 | from django.contrib.auth import get_user_model
3 | from django.db.models.signals import pre_save
4 | from django.utils.text import slugify
5 | from django.shortcuts import reverse
6 |
7 | User = get_user_model()
8 |
9 | # Create your models here.
10 | class Post(models.Model):
11 | slug = models.SlugField()
12 | title = models.CharField(max_length=100)
13 | body = models.TextField()
14 | author = models.ForeignKey(User, on_delete=models.CASCADE, default=1)
15 | description = models.CharField(max_length=200)
16 | created_at = models.DateTimeField(auto_now=False, auto_now_add=True)
17 | updated_at = models.DateTimeField(auto_now=True, auto_now_add=False)
18 | image = models.ImageField(upload_to='media', blank=True, null=True)
19 |
20 | def __str__(self):
21 | return self.title
22 |
23 | class Meta:
24 | ordering = ["-created_at", "-updated_at"]
25 |
26 | def get_api_url(self):
27 | try:
28 | return reverse("posts_api:post_detail", kwargs={"slug": self.slug})
29 | except:
30 | None
31 |
32 | @property
33 | def comments(self):
34 | instance = self
35 | qs = Comment.objects.filter(parent=instance)
36 | return qs
37 |
38 |
39 | def create_slug(instance, new_slug=None):
40 | slug = slugify(instance.title)
41 | if new_slug is not None:
42 | slug = new_slug
43 | qs = Post.objects.filter(slug=slug).order_by("-id")
44 | exists = qs.exists()
45 | if exists:
46 | new_slug = "%s-%s" % (slug, qs.first().id)
47 | return create_slug(instance, new_slug=new_slug)
48 | return slug
49 |
50 |
51 | def pre_save_post_receiver(sender, instance, *args, **kwargs):
52 | if not instance.slug:
53 | instance.slug = create_slug(instance)
54 |
55 |
56 | pre_save.connect(pre_save_post_receiver, sender=Post)
57 |
58 |
59 | class Comment(models.Model):
60 | parent = models.ForeignKey(Post, on_delete=models.CASCADE)
61 | author = models.ForeignKey(User, on_delete=models.CASCADE)
62 | body = models.TextField()
63 | created_at = models.DateTimeField(auto_now=False, auto_now_add=True)
64 | updated_at = models.DateTimeField(auto_now=True, auto_now_add=False)
65 |
66 | class Meta:
67 | ordering = ["-created_at", "-updated_at"]
68 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Editor settings
2 | .vscode
3 |
4 | # Byte-compiled / optimized / DLL files
5 | __pycache__/
6 | *.py[cod]
7 | *$py.class
8 |
9 | # C extensions
10 | *.so
11 |
12 | # Distribution / packaging
13 | .Python
14 | build/
15 | develop-eggs/
16 | dist/
17 | downloads/
18 | eggs/
19 | .eggs/
20 | lib/
21 | lib64/
22 | parts/
23 | sdist/
24 | var/
25 | wheels/
26 | pip-wheel-metadata/
27 | share/python-wheels/
28 | *.egg-info/
29 | .installed.cfg
30 | *.egg
31 | MANIFEST
32 |
33 | # PyInstaller
34 | # Usually these files are written by a python script from a template
35 | # before PyInstaller builds the exe, so as to inject date/other infos into it.
36 | *.manifest
37 | *.spec
38 |
39 | # Installer logs
40 | pip-log.txt
41 | pip-delete-this-directory.txt
42 |
43 | # Unit test / coverage reports
44 | htmlcov/
45 | .tox/
46 | .nox/
47 | .coverage
48 | .coverage.*
49 | .cache
50 | nosetests.xml
51 | coverage.xml
52 | *.cover
53 | *.py,cover
54 | .hypothesis/
55 | .pytest_cache/
56 |
57 | # Translations
58 | *.mo
59 | *.pot
60 |
61 | # Django stuff:
62 | *.log
63 | local_settings.py
64 | db.sqlite3
65 | db.sqlite3-journal
66 |
67 | # Flask stuff:
68 | instance/
69 | .webassets-cache
70 |
71 | # Scrapy stuff:
72 | .scrapy
73 |
74 | # Sphinx documentation
75 | docs/_build/
76 |
77 | # PyBuilder
78 | target/
79 |
80 | # Jupyter Notebook
81 | .ipynb_checkpoints
82 |
83 | # IPython
84 | profile_default/
85 | ipython_config.py
86 |
87 | # pyenv
88 | .python-version
89 |
90 | # pipenv
91 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
92 | # However, in case of collaboration, if having platform-specific dependencies or dependencies
93 | # having no cross-platform support, pipenv may install dependencies that don't work, or not
94 | # install all needed dependencies.
95 | #Pipfile.lock
96 |
97 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow
98 | __pypackages__/
99 |
100 | # Celery stuff
101 | celerybeat-schedule
102 | celerybeat.pid
103 |
104 | # SageMath parsed files
105 | *.sage.py
106 |
107 | # Environments
108 | .env
109 | .venv
110 | env/
111 | venv/
112 | ENV/
113 | env.bak/
114 | venv.bak/
115 |
116 | # Spyder project settings
117 | .spyderproject
118 | .spyproject
119 |
120 | # Rope project settings
121 | .ropeproject
122 |
123 | # mkdocs documentation
124 | /site
125 |
126 | # mypy
127 | .mypy_cache/
128 | .dmypy.json
129 | dmypy.json
130 |
131 | # Pyre type checker
132 | .pyre/
--------------------------------------------------------------------------------
/frontend/blog-app/src/Containers/Authentication/ResetPass/ResetPass.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Wrap from '../../../hoc/Wrap/Wrap';
4 | import classes from '../Auth.module.css';
5 | import PasswordShowHide from '../../../Components/UI/PasswordShowHide/PasswordShowHide';
6 |
7 | import {Link} from 'react-router-dom';
8 |
9 | class ResetPass extends React.Component{
10 |
11 | state = {
12 | email : '',
13 | password : '',
14 | rePassword : ''
15 | }
16 |
17 | componentDidMount(){
18 | document.title = "Sign In - Blog App"
19 | }
20 |
21 | getData = (key,val) => {
22 | this.setState((prevState) => ({
23 | ...prevState,
24 | [key] : val
25 | })
26 | )
27 | }
28 |
29 | render(){
30 | // This email will be coming from either a unique key/id/token the link params of the confirmation
31 | // At present it is being passed directly
32 | let email = "expresshermes@expherm.org";
33 | let name,domain,emailName,maskedMail;
34 | if (email.length > 0){
35 | [name,domain] = email.split('@');
36 | emailName = new Array(name.length - 1).join('*');
37 | emailName = name[0] + emailName + name[name.length - 1];
38 | maskedMail = emailName + '@' + domain;
39 | }
40 |
41 | return(
42 |
43 |
44 |
45 |
46 |
47 | Reset Password
48 |
50 |
51 |
52 | Use the following wizard for resetting password of
53 |
54 | {maskedMail}
55 |
56 |
57 |
58 |
59 |
64 |
69 |
70 |
Submit
71 |
Cancel
72 |
73 |
74 |
76 | This is just a development stage message:
77 | l be coming from either a unique key/id/token the link params of the confirmation mail
78 | At present it i passed directly
79 |
80 |
81 | )
82 | }
83 | }
84 |
85 | export default ResetPass;
--------------------------------------------------------------------------------
/frontend/blog-app/src/logo.svg:
--------------------------------------------------------------------------------
1 |
30 |
31 |
32 |
33 |
34 | Reset Password
35 |
37 |
38 |
39 | Use the following wizard to get the Verification link
40 |
41 |
42 |
{
47 | this.setState((prevState) => ({
48 | ...prevState,
49 | email: e.target.value
50 | }))
51 | }}
52 | />
53 |
{
57 | this.setState((prevState) => ({
58 | ...prevState,
59 | sent: true
60 | }))
61 | }}
62 | >
63 | Send Link
64 |
65 |
66 |
68 | This is just a development stage message: enter a valid email and see magic.
69 |
70 |
71 | :
72 |
73 |
74 |
75 |
76 |
77 | Reset Password
78 |
80 |
81 |
82 | Succesfully sent the Verification link to {maskedMail}
83 |
84 |
85 |
87 | This is just a development stage message: After this user may get a lnk which redirects him to following page:
88 |
90 |
91 | )
92 | }
93 | }
94 |
95 | export default ForgotPass;
--------------------------------------------------------------------------------
/frontend/blog-app/src/Containers/Authentication/Signin/Signin.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Wrap from '../../../hoc/Wrap/Wrap';
4 | import classes from '../Auth.module.css';
5 |
6 | import PasswordShowHide from '../../../Components/UI/PasswordShowHide/PasswordShowHide';
7 |
8 | import {Link} from 'react-router-dom';
9 |
10 | class Signin extends React.Component{
11 |
12 | state = {
13 | username : '',
14 | password : ''
15 | }
16 |
17 | error = null;
18 | loading = false;
19 |
20 | handleFormChange = (e) => {
21 | var key = e.target.name;
22 | this.setState({ [key] : e.target.value});
23 | }
24 |
25 | handleSubmit = (e) => {
26 | this.loading = true;
27 | var data = {
28 | "username" : this.state.username,
29 | "password" : this.state.password
30 | }
31 | fetch("http://127.0.0.1:8000/api-auth/login/",{
32 | method : "POST",
33 | headers : {
34 | "Content-Type": "application/json",
35 | },
36 | body : JSON.stringify(data),
37 | })
38 | .then((res) => res.json() )
39 | .then((json) => {
40 | console.log(json);
41 | this.loading = false;
42 | // Redirect to dashboard
43 | })
44 | .catch((err) => {
45 | console.log(err);
46 | this.error = err;
47 | this.loading = false;
48 | })
49 | }
50 |
51 | componentDidMount(){
52 | document.title = "Sign In - Blog App"
53 | }
54 |
55 | getData = (key,val) => {
56 | this.setState((prevState) => ({
57 | ...prevState,
58 | [key] : val
59 | })
60 | )
61 | }
62 |
63 | render(){
64 | console.log(this.state);
65 | return(
66 |
67 |
68 |
69 |
70 |
71 | Sign In to Blog App
72 |
74 |
75 |
76 | Signin to start writing and enter a new world of Blogs
77 |
78 |
79 |
80 |
81 |
86 |
87 |
88 |
90 |
Sign In
91 |
92 |
93 |
94 | New to Blog App?
95 |
97 |
99 | This is just a development stage message: check all the functionalities like resetPass, forgotPass, verificationMail and all
100 |
101 |
102 | )
103 | }
104 | }
105 |
106 | export default Signin;
--------------------------------------------------------------------------------
/backend/posts/serializers.py:
--------------------------------------------------------------------------------
1 | import os
2 | from django.conf import settings
3 | from django.contrib.auth import get_user_model
4 | from rest_framework import serializers
5 | from .models import Post, Comment
6 |
7 | User = get_user_model()
8 |
9 | class PostCreateUpdateSerializer(serializers.ModelSerializer):
10 | class Meta:
11 | model = Post
12 | fields = [
13 | "title",
14 | "description",
15 | "body",
16 | "image"
17 | ]
18 |
19 | def validate_title(self, value):
20 | if len(value) > 100:
21 | return serializers.ValidationError("Max title length is 100 characters")
22 | return value
23 |
24 | def validate_description(self, value):
25 | if len(value) > 200:
26 | return serializers.ValidationError(
27 | "Max description length is 200 characters"
28 | )
29 | return value
30 |
31 | def clean_image(self, value):
32 | initial_path = value.path
33 | new_path = settings.MEDIA_ROOT + value.name
34 | os.rename(initial_path, new_path)
35 | return value
36 |
37 |
38 | class PostListSerializer(serializers.ModelSerializer):
39 | url = serializers.SerializerMethodField()
40 | comments = serializers.SerializerMethodField(read_only=True)
41 |
42 | class Meta:
43 | model = Post
44 | fields = [
45 | "id",
46 | "url",
47 | "title",
48 | "author",
49 | "image",
50 | "description",
51 | "comments",
52 | ]
53 |
54 | def get_comments(self, obj):
55 | qs = Comment.objects.filter(parent=obj).count()
56 | return qs
57 |
58 | def get_url(self, obj):
59 | return obj.get_api_url()
60 |
61 |
62 | class PostDetailSerializer(serializers.ModelSerializer):
63 | slug = serializers.SerializerMethodField(read_only=True)
64 | author = serializers.PrimaryKeyRelatedField(read_only=True)
65 | comments = serializers.SerializerMethodField(read_only=True)
66 |
67 | class Meta:
68 | model = Post
69 | fields = [
70 | "id",
71 | "slug",
72 | "title",
73 | "description",
74 | "body",
75 | "author",
76 | "image",
77 | "created_at",
78 | "updated_at",
79 | "comments",
80 | ]
81 |
82 | def get_slug(self, obj):
83 | return obj.slug
84 |
85 | def get_comments(self, obj):
86 | qs = Comment.objects.filter(parent=obj)
87 | try:
88 | serializer = CommentSerializer(qs, many=True)
89 | except Exception as e:
90 | print(e)
91 | return serializer.data
92 |
93 |
94 | class CommentSerializer(serializers.ModelSerializer):
95 | class Meta:
96 | model = Comment
97 | fields = [
98 | "id",
99 | "parent",
100 | "author",
101 | "body",
102 | "created_at",
103 | "updated_at",
104 | ]
105 |
106 |
107 | class CommentCreateUpdateSerializer(serializers.ModelSerializer):
108 | class Meta:
109 | model = Comment
110 | fields = [
111 | "body",
112 | ]
113 |
--------------------------------------------------------------------------------
/frontend/blog-app/src/Components/UI/Footer/Footer.module.css:
--------------------------------------------------------------------------------
1 | /*================FOOTER===============================*/
2 |
3 | .footer{
4 | background-color: rgb(66, 5, 36);
5 | }
6 |
7 | .fpt a{
8 | color: inherit;
9 | text-decoration: none;
10 | }
11 |
12 | .fpt a:hover{
13 | color: inherit;
14 | text-decoration: underline;
15 | }
16 |
17 | .clearboth{
18 | clear: both;
19 | }
20 |
21 | @media screen and (min-width: 700px){
22 | .footer{
23 | height: 300px;
24 | position: relative;
25 | }
26 |
27 | .fpt {
28 | width: 26.66%;
29 | height: 100%;
30 | position: absolute;
31 | top: 0;
32 | text-align: center;
33 | }
34 |
35 | .fpt2{
36 | left:10%;
37 | }
38 | .fpt3{
39 | left: 36%;
40 | }
41 | .fpt4{
42 | left:62%;
43 | }
44 |
45 | .fpt h2{
46 | font-size: 20px;
47 | display: inline-block;
48 | margin: 30px auto 15px;
49 | color: #eee;
50 | }
51 |
52 | .fpt ul{
53 | list-style-type: none;
54 | font-size: 18px;
55 | padding: 0;
56 | color: #bbb;
57 | }
58 |
59 | .fpt ul li{
60 | margin: 15px auto;
61 | }
62 | }
63 |
64 | @media screen and (min-width: 800px) and (max-width: 1336px){
65 | .fpt {
66 | width: 25%;
67 | }
68 | .fpt2{
69 | left:12.5%;
70 | }
71 | .fpt3{
72 | left: 37.5%;
73 | }
74 | .fpt4{
75 | left: 62.5%;
76 | }
77 | .fpt h2{
78 | font-size: 19px;
79 | }
80 | .fpt ul{
81 | font-size: 17px;
82 | }
83 | }
84 |
85 | @media screen and (min-width: 700px) and (max-width: 800px){
86 | .fpt {
87 | width: 33%;
88 | }
89 | .fpt2{
90 | left:0.5%;
91 | }
92 | .fpt3{
93 | left: 33.5%;
94 | }
95 | .fpt4{
96 | left: 66.5%;
97 | }
98 | .fpt h2{
99 | font-size: 19px;
100 | }
101 | .fpt ul{
102 | font-size: 17px;
103 | }
104 | }
105 |
106 | @media screen and (max-width: 700px){
107 | .footer{
108 | padding-top: 10px;
109 | padding-bottom: 40px;
110 | position: unset;
111 | }
112 |
113 | .fpt {
114 | position: unset;
115 | top: 0;
116 | text-align: center;
117 | }
118 |
119 | .fpt h2{
120 | font-size: 18px;
121 | display: inline-block;
122 | margin: 10px auto 5px;
123 | color: #eee;
124 | }
125 |
126 | .fpt ul{
127 | list-style-type: none;
128 | font-size: 16px;
129 | padding: 0;
130 | color: #bbb;
131 | }
132 |
133 | .fpt ul li{
134 | display: inline-block;
135 | margin: 5px 10px;
136 | }
137 | }
138 |
139 | /*===============SOCIAL MEDIA ICONS================================*/
140 | .logoholdersm{
141 | display: inline-block;
142 | width: 30px;
143 | height: 30px;
144 | margin-right: 10px;
145 | }
146 |
147 | .logoholdersm .logo{
148 | width: 100%;
149 | height: 100%;
150 | border-radius: 2000px;
151 | box-shadow: 3px 3px 6px black;
152 | }
153 |
154 | .logoholdersm .logo:hover{
155 | transform: translateY(1px);
156 | box-shadow: 1.5px 1.5px 3px black;
157 | }
158 |
159 | /*===============Copy Rights================================*/
160 |
161 | .copyRights{
162 | background-color: rgb(49, 5, 27);
163 | text-align: center;
164 | padding: 10px;
165 | color: #ccc;
166 | font-size: 18px;
167 | border-top: 0.1px solid #cccccc55;
168 | }
169 |
--------------------------------------------------------------------------------
/frontend/blog-app/README.md:
--------------------------------------------------------------------------------
1 | # Getting Started with Create React App
2 |
3 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
4 |
5 | ## Available Scripts
6 |
7 | In the project directory, you can run:
8 |
9 | ### `yarn start`
10 |
11 | Runs the app in the development mode.\
12 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
13 |
14 | The page will reload if you make edits.\
15 | You will also see any lint errors in the console.
16 |
17 | ### `yarn test`
18 |
19 | Launches the test runner in the interactive watch mode.\
20 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
21 |
22 | ### `yarn build`
23 |
24 | Builds the app for production to the `build` folder.\
25 | It correctly bundles React in production mode and optimizes the build for the best performance.
26 |
27 | The build is minified and the filenames include the hashes.\
28 | Your app is ready to be deployed!
29 |
30 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
31 |
32 | ### `yarn eject`
33 |
34 | **Note: this is a one-way operation. Once you `eject`, you can’t go back!**
35 |
36 | If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
37 |
38 | Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
39 |
40 | You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
41 |
42 | ## Learn More
43 |
44 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
45 |
46 | To learn React, check out the [React documentation](https://reactjs.org/).
47 |
48 | ### Code Splitting
49 |
50 | This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
51 |
52 | ### Analyzing the Bundle Size
53 |
54 | This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
55 |
56 | ### Making a Progressive Web App
57 |
58 | This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
59 |
60 | ### Advanced Configuration
61 |
62 | This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
63 |
64 | ### Deployment
65 |
66 | This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
67 |
68 | ### `yarn build` fails to minify
69 |
70 | This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
71 |
--------------------------------------------------------------------------------
/frontend/blog-app/src/Components/UI/Footer/Footer.js:
--------------------------------------------------------------------------------
1 | import Wrap from '../../../hoc/Wrap/Wrap';
2 | import classes from './Footer.module.css';
3 | import {Link} from 'react-router-dom';
4 |
5 | const footer = () => {
6 | let date = new Date();
7 | let year = date.getFullYear();
8 | return(
9 |
10 |
66 |
67 | © ExpressHermes {year}
68 |
69 |
70 | );
71 | }
72 |
73 | export default footer;
--------------------------------------------------------------------------------
/frontend/blog-app/src/Containers/Authentication/Signup/Signup.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Wrap from '../../../hoc/Wrap/Wrap';
4 | import classes from '../Auth.module.css';
5 | import PasswordShowHide from '../../../Components/UI/PasswordShowHide/PasswordShowHide';
6 |
7 | import {Link} from 'react-router-dom';
8 |
9 | class SignUp extends React.Component{
10 |
11 | state = {
12 | fullname : '',
13 | username : '',
14 | email : '',
15 | dob : '',
16 | password : '',
17 | rePassword : ''
18 | }
19 |
20 | error = null;
21 | loading = false;
22 |
23 | componentDidMount(){
24 | document.title = "Create Account - Blog App"
25 | }
26 |
27 | getData = (key,val) => {
28 | this.setState((prevState) => ({
29 | ...prevState,
30 | [key] : val
31 | })
32 | )
33 | }
34 |
35 | handleFormChange = (e) => {
36 | var key = e.target.name;
37 | this.setState({ [key] : e.target.value});
38 | }
39 |
40 | handleSubmit = (e) => {
41 | this.error = null;
42 | this.loading = true;
43 | if(this.state.password === this.state.rePassword){
44 | var data = {
45 | "username" : this.state.username,
46 | "email" : this.state.email,
47 | "password" : this.state.password
48 | }
49 | fetch("http://127.0.0.1:8000/user/register/",{
50 | method: "POST",
51 | headers : {
52 | "Content-Type": "application/json",
53 | },
54 | body : JSON.stringify(data),
55 | })
56 | .then((res) => {
57 | console.log(res);
58 | console.log("Success");
59 | this.loading = false;
60 | })
61 | .catch((err) => {
62 | console.log(err);
63 | this.error = err;
64 | this.loading = false;
65 | })
66 |
67 | }
68 | else{
69 | this.error = true;
70 | this.loading = false;
71 | }
72 |
73 | }
74 |
75 | render(){
76 | console.log(this.state);
77 | return(
78 |
79 |
80 |
81 |
82 |
83 | Create Account in Blog App
84 |
86 |
119 |
120 |
121 | Already in Blog App?
122 |
124 |
126 | )
127 | }
128 | }
129 |
130 | export default SignUp;
--------------------------------------------------------------------------------
/backend/blog/settings.py:
--------------------------------------------------------------------------------
1 | """
2 | Django settings for blog project.
3 |
4 | Generated by 'django-admin startproject' using Django 3.1.3.
5 |
6 | For more information on this file, see
7 | https://docs.djangoproject.com/en/3.1/topics/settings/
8 |
9 | For the full list of settings and their values, see
10 | https://docs.djangoproject.com/en/3.1/ref/settings/
11 | """
12 |
13 | from pathlib import Path
14 |
15 | # Build paths inside the project like this: BASE_DIR / 'subdir'.
16 | BASE_DIR = Path(__file__).resolve().parent.parent
17 | # TEMPLATES_DIR = BASE_DIR / "templates"
18 |
19 | # Quick-start development settings - unsuitable for production
20 | # See https://docs.djangoproject.com/en/3.1/howto/deployment/checklist/
21 |
22 | # SECURITY WARNING: keep the secret key used in production secret!
23 | SECRET_KEY = "@lu+7yr(h6^9)l+l$n^f@(n=+$685-ijv^-mt+i61*k&h-llf0"
24 |
25 | # SECURITY WARNING: don't run with debug turned on in production!
26 | DEBUG = True
27 |
28 | ALLOWED_HOSTS = []
29 |
30 |
31 | # Application definition
32 |
33 | INSTALLED_APPS = [
34 | "django.contrib.admin",
35 | "django.contrib.auth",
36 | "django.contrib.contenttypes",
37 | "django.contrib.sessions",
38 | "django.contrib.messages",
39 | "django.contrib.staticfiles",
40 | # rest framework
41 | "rest_framework",
42 | "rest_framework.authtoken",
43 | # documentation
44 | 'drf_yasg',
45 | # apps
46 | "accounts",
47 | "posts",
48 | ]
49 |
50 | LOGIN_REDIRECT_URL = "/"
51 | LOGOUT_REDIRECT_URL = "/"
52 |
53 | REST_FRAMEWORK = {
54 | "DEFAULT_RENDERER_CLASSES": (
55 | "rest_framework.renderers.JSONRenderer",
56 | "rest_framework.renderers.BrowsableAPIRenderer",
57 | ),
58 | "DEFAULT_AUTHENTICATION_CLASSES": (
59 | "rest_framework.authentication.SessionAuthentication",
60 | "rest_framework.authentication.BasicAuthentication",
61 | "rest_framework.authentication.TokenAuthentication",
62 | ),
63 | "DEFAULT_PERMISSION_CLASSES": (
64 | "rest_framework.permissions.IsAuthenticatedOrReadOnly",
65 | ),
66 | }
67 |
68 | # SWAGGER_SETTINGS = {
69 | # 'VALIDATOR_URL': 'http://localhost:8000',
70 | # }
71 |
72 |
73 | MIDDLEWARE = [
74 | "django.middleware.security.SecurityMiddleware",
75 | "django.contrib.sessions.middleware.SessionMiddleware",
76 | "django.middleware.common.CommonMiddleware",
77 | "django.middleware.csrf.CsrfViewMiddleware",
78 | "django.contrib.auth.middleware.AuthenticationMiddleware",
79 | "django.contrib.messages.middleware.MessageMiddleware",
80 | "django.middleware.clickjacking.XFrameOptionsMiddleware",
81 | ]
82 |
83 | ROOT_URLCONF = "blog.urls"
84 |
85 | TEMPLATES = [
86 | {
87 | "BACKEND": "django.template.backends.django.DjangoTemplates",
88 | "DIRS": [],
89 | "APP_DIRS": True,
90 | "OPTIONS": {
91 | "context_processors": [
92 | "django.template.context_processors.debug",
93 | "django.template.context_processors.request",
94 | "django.contrib.auth.context_processors.auth",
95 | "django.contrib.messages.context_processors.messages",
96 | ],
97 | },
98 | },
99 | ]
100 |
101 | WSGI_APPLICATION = "blog.wsgi.application"
102 |
103 |
104 | # Database
105 | # https://docs.djangoproject.com/en/3.1/ref/settings/#databases
106 |
107 | DATABASES = {
108 | "default": {
109 | "ENGINE": "django.db.backends.sqlite3",
110 | "NAME": BASE_DIR / "db.sqlite3",
111 | }
112 | }
113 |
114 |
115 | # Password validation
116 | # https://docs.djangoproject.com/en/3.1/ref/settings/#auth-password-validators
117 |
118 | AUTH_PASSWORD_VALIDATORS = [
119 | {
120 | "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
121 | },
122 | {
123 | "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
124 | },
125 | {
126 | "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
127 | },
128 | {
129 | "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
130 | },
131 | ]
132 |
133 |
134 | # Internationalization
135 | # https://docs.djangoproject.com/en/3.1/topics/i18n/
136 |
137 | LANGUAGE_CODE = "en-us"
138 |
139 | TIME_ZONE = "UTC"
140 |
141 | USE_I18N = True
142 |
143 | USE_L10N = True
144 |
145 | USE_TZ = True
146 |
147 |
148 | # Static files (CSS, JavaScript, Images)
149 | # https://docs.djangoproject.com/en/3.1/howto/static-files/
150 |
151 | STATIC_URL = "/static/"
152 |
153 | MEDIA_URL = "/media/"
154 | MEDIA_ROOT = BASE_DIR / "media"
155 |
--------------------------------------------------------------------------------
/frontend/blog-app/src/Containers/Profile/Profile.js:
--------------------------------------------------------------------------------
1 | import * as classes from './Profile.module.css'
2 | import React from 'react';
3 | import Wrap from '../../hoc/Wrap/Wrap';
4 |
5 | class Profile extends React.Component{
6 | render(){
7 | return(
8 |
9 |
10 |
11 |
12 |
13 |
14 | @username
15 |
16 |
17 | Full Name Here
18 |
19 |
20 | email@email.email
21 |
22 |
23 | {14} Blogs
24 |
25 |
26 | {26} Followers
27 |
28 |
31 |
32 |
33 |
34 | Recent Activity
35 |
36 |
37 |
18:25, 01 Jan 2021
38 |
You commented on
ExpressHermes 's blog
A step towards Open source
39 |
40 | After reading your blog, I too got interest towards Open Source and would like to contribute to this project in first.
41 |
42 |
43 |
44 |
15:49, 28 Dec 2020
45 |
ExpressHermes commented on
your blog
My Tour
46 |
47 | How much time did it took to go to there from your location?
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 | My Blogs
57 |
58 |
59 | 25 Dec 2020
60 | My Tour
61 | 58 Comments
62 | 12569 Likes
63 |
64 |
65 | 23 Nov 2020
66 | Pandemic Life
67 | 159 Comments
68 | 24875 Likes
69 |
70 |
71 | 14 Oct 2020
72 | Open source contribution
73 | 7856 Comments
74 | 145896 Likes
75 |
76 |
77 |
78 |
80 | )
81 | }
82 | }
83 |
84 | export default Profile;
85 |
--------------------------------------------------------------------------------
/backend/posts/views.py:
--------------------------------------------------------------------------------
1 | from django.shortcuts import render, redirect, get_object_or_404
2 | from rest_framework.permissions import (
3 | IsAuthenticated,
4 | IsAuthenticatedOrReadOnly,
5 | AllowAny,
6 | )
7 | from rest_framework.response import Response
8 | from rest_framework.views import APIView
9 | from rest_framework.generics import (
10 | CreateAPIView,
11 | DestroyAPIView,
12 | ListAPIView,
13 | UpdateAPIView,
14 | RetrieveAPIView,
15 | RetrieveUpdateAPIView,
16 | RetrieveUpdateDestroyAPIView,
17 | )
18 |
19 | from .pagination import PostLimitOffsetPagination
20 | from .models import Post, Comment
21 | from .permissions import IsOwnerOrReadOnly, IsOwner
22 | from .mixins import MultipleFieldLookupMixin
23 | from .serializers import (
24 | PostCreateUpdateSerializer,
25 | PostListSerializer,
26 | PostDetailSerializer,
27 | CommentSerializer,
28 | CommentCreateUpdateSerializer,
29 | )
30 |
31 | # Create your views here.
32 | class CreatePostAPIView(APIView):
33 | """
34 | post:
35 | Creates a new post instance. Returns created post data
36 |
37 | parameters: [title, body, description, image]
38 | """
39 |
40 | queryset = Post.objects.all()
41 | serializer_class = PostCreateUpdateSerializer
42 | permission_classes = [
43 | IsAuthenticated,
44 | ]
45 |
46 | def post(self, request, *args, **kwargs):
47 | serializer = PostCreateUpdateSerializer(data=request.data)
48 | if serializer.is_valid(raise_exception=True):
49 | serializer.save(author=request.user)
50 | return Response(serializer.data, status=200)
51 | else:
52 | return Response({"errors": serializer.errors}, status=400)
53 |
54 |
55 | class ListPostAPIView(ListAPIView):
56 | """
57 | get:
58 | Returns a list of all existing posts
59 | """
60 |
61 | queryset = Post.objects.all()
62 | serializer_class = PostListSerializer
63 | permission_classes = [IsAuthenticatedOrReadOnly]
64 | pagination_class = PostLimitOffsetPagination
65 |
66 |
67 | class DetailPostAPIView(RetrieveUpdateDestroyAPIView):
68 | """
69 | get:
70 | Returns the details of a post instance. Searches post using slug field.
71 |
72 | put:
73 | Updates an existing post. Returns updated post data
74 |
75 | parameters: [slug, title, body, description, image]
76 |
77 | delete:
78 | Delete an existing post
79 |
80 | parameters = [slug]
81 | """
82 |
83 | queryset = Post.objects.all()
84 | lookup_field = "slug"
85 | serializer_class = PostDetailSerializer
86 | permission_classes = [IsAuthenticatedOrReadOnly, IsOwnerOrReadOnly]
87 |
88 |
89 | class CreateCommentAPIView(APIView):
90 | """
91 | post:
92 | Create a comment instnace. Returns created comment data
93 |
94 | parameters: [slug, body]
95 |
96 | """
97 |
98 | serializer_class = CommentCreateUpdateSerializer
99 | permission_classes = [IsAuthenticated]
100 |
101 | def post(self, request, slug, *args, **kwargs):
102 | post = get_object_or_404(Post, slug=slug)
103 | serializer = CommentCreateUpdateSerializer(data=request.data)
104 | if serializer.is_valid(raise_exception=True):
105 | serializer.save(author=request.user, parent=post)
106 | return Response(serializer.data, status=200)
107 | else:
108 | return Response({"errors": serializer.errors}, status=400)
109 |
110 |
111 | class ListCommentAPIView(APIView):
112 | """
113 | get:
114 | Returns the list of comments on a particular post
115 | """
116 |
117 | permission_classes = [IsAuthenticatedOrReadOnly]
118 |
119 | def get(self, request, slug):
120 | post = Post.objects.get(slug=slug)
121 | comments = Comment.objects.filter(parent=post)
122 | serializer = CommentSerializer(comments, many=True)
123 | return Response(serializer.data, status=200)
124 |
125 |
126 | class DetailCommentAPIView(MultipleFieldLookupMixin, RetrieveUpdateDestroyAPIView):
127 | """
128 | get:
129 | Returns the details of a comment instance. Searches comment using comment id and post slug in the url.
130 |
131 | put:
132 | Updates an existing comment. Returns updated comment data
133 |
134 | parameters: [parent, author, body]
135 |
136 | delete:
137 | Delete an existing comment
138 |
139 | parameters: [parent, author, body]
140 | """
141 |
142 | permission_classes = [IsAuthenticatedOrReadOnly, IsOwnerOrReadOnly]
143 |
144 | queryset = Comment.objects.all()
145 | lookup_fields = ["parent", "id"]
146 | serializer_class = CommentCreateUpdateSerializer
--------------------------------------------------------------------------------
/backend/README.md:
--------------------------------------------------------------------------------
1 | # Blog API Backend
2 |
3 | A REST API for blog built using Django Rest Framework
4 |
5 | ## Installation
6 |
7 | ### Requirements
8 | - Python
9 | - Django
10 |
11 | Complete list available in requirements.txt file
12 |
13 | ### Quickstart
14 | - Clone the repo.
15 | ```bash
16 | git clone https://github.com/ExpressHermes/Blog-API.git
17 | ```
18 |
19 | - Inside the backend folder, make a virtual environment and activate it
20 | ```bash
21 | cd Blog-API/backend
22 | python -m venv env
23 | source env/bin/activate
24 | ```
25 |
26 | - Install requirements from requirements.txt
27 | ```
28 | pip install -r requirements.txt
29 | ```
30 |
31 | - Makemigrations and migrate the project
32 | ```
33 | python manage.py makemigrations && python manage.py migrate
34 | ```
35 |
36 | - Create a superuser
37 | ```
38 | python manage.py createsuperuser
39 | ```
40 |
41 | - Runserver
42 | ```
43 | python manage.py runserver
44 | ```
45 |
46 | **Note: After running the server, you can use the api inside browser or you can use Postman to make api calls. Make sure in each api call, you provide username, password by creating a user.**
47 |
48 | # RESTAPI Docs
49 | I have added `drf-yasg` for API documentation which can be accessed after running the backend server and going to following links:
50 |
51 | Swagger UI docs: http://127.0.0.1:8000/swagger/
52 |
53 | Redoc UI docs: http://127.0.0.1:8000/redoc/
54 |
55 | While working with api in browser, you can login using `http://127.0.0.1:8000/api-auth/` link.
56 |
57 |
58 | ## API
59 |
60 | User model
61 |
62 | - User:
63 | - username: string(unique),
64 | - email: email,
65 | - password: string(min 8 chars)
66 |
67 |
68 |
69 |
70 | Post Model
71 |
72 | - Post:
73 | - id: Post id(read only),
74 | - slug: string,
75 | - title: string,
76 | - author: user-id(read only),
77 | - body: string,
78 | - description: string,
79 | - image: image(optional)
80 | - created_at: datetime(read only)
81 | - updated_at: datetime(read only)
82 |
83 |
84 |
85 | Comment Model
86 |
87 | - Comment:
88 | - parent: post id(read only),
89 | - author: user id(ready only),
90 | - body: string,
91 | - created_at: datetime(read only)
92 | - updated_at: datetime(read only)
93 |
94 |
95 |
96 |
97 | ### Endpoints
98 |
99 | Brief explanation of endpoints:
100 |
101 | | Function | REQUEST | Endpoint | Authorization | form-data |
102 | |--------------------------------------------------------------------------------------------------------|------------|---------------------------------------------------------|---------------|-------------------------------------------|
103 | | Create new user | POST | http://127.0.0.1:8000/user/register/ | Not Required | username, email, password |
104 | | Returns list of all existing users | GET | http://127.0.0.1:8000/user/ | Basic Auth | |
105 | | Returns the detail of an user instance | GET | http://127.0.0.1:8000/user/{int:id}/ | Basic Auth | |
106 | | Update the detail of an user instance | PUT, PATCH | http://127.0.0.1:8000/user/{int:id}/ | Basic Auth | |
107 | | Delete an user instance | DELETE | http://127.0.0.1:8000/user/{int:id}/ | Basic Auth | |
108 | | | | | | |
109 | | Returns a list of all existing posts | GET | http://127.0.0.1:8000/posts/ | Not Required | |
110 | | Creates a new post instance. Returns created post data | POST | http://127.0.0.1:8000/posts/create/ | Basic Auth | title, body, description, image: optional |
111 | | Returns the details of a post instance. Searches post using slug field. | GET | http://127.0.0.1:8000/posts/{str:slug}/ | Basic Auth | |
112 | | Updates an existing post. Returns updated post data | PUT, PATCH | http://127.0.0.1:8000/posts/{str:slug}/ | Basic Auth | title, body, description, image: optional |
113 | | Deletes the existing post | DELETE | http://127.0.0.1:8000/posts/{str:slug}/ | Basic Auth | |
114 | | Returns the list of comments on a particular post | GET | http://127.0.0.1:8000/posts/{str:slug}/comment/ | Not Required | |
115 | | Create a comment instnace. Returns created comment data | POST | http://127.0.0.1:8000/posts/{str:slug}/comment/create/ | Basic Auth | body: comment body |
116 | | Returns the details of a comment instance. Searches comment using comment id and post slug in the url. | GET | http://127.0.0.1:8000/posts/{str:slug}/comment/{int:id}/ | Not Required | |
117 | | Updates an existing comment. Returns updated comment data | PUT, PATCH | http://127.0.0.1:8000/posts/{str:slug}/comment/{int:id}/ | Basic Auth | body: comment body |
118 | | Deletes an existing comment | DELETE | http://127.0.0.1:8000/posts/{str:slug}/comment/{int:id}/ | Basic Auth | body: comment body |
119 |
120 |
121 |
--------------------------------------------------------------------------------
:
39 | 
40 | }
41 | 
21 | 
46 | 
51 | 
56 | 
61 | 
12 |