|
1 | | -#Django Blog App |
2 | | ->My first Django web app following Corey Schafer's tutorial! |
3 | | -
|
4 | | -##Dependencies |
5 | | -<ul> |
6 | | - <li>Python 3.6</li> |
7 | | - <li>Django 3.0.5</li> |
8 | | - <li>Django Crispy Forms 1.9.0</li> |
9 | | - <li>Pillow 7.1.1</li> |
10 | | - <li>certifi 1.18</li> |
11 | | - <li>chardet 3.0.4</li> |
12 | | - <li>idna 2.6</li> |
13 | | - <li>requests 2.18.4</li> |
14 | | - <li>urllib3 1.22</li> |
15 | | -</ul> |
| 1 | +# Django Blog App |
| 2 | + |
| 3 | +<img src='./media/screenshots/blog.png' alt='All Articles' /> |
| 4 | + |
| 5 | +## About |
| 6 | + |
| 7 | +This app was created following [Corey Schafer's](https://www.youtube.com/watch?v=UmljXZIypDc&list=PL-osiE80TeTtoQCKZ03TU5fNfx2UY6U4p) tutorial! |
| 8 | + |
| 9 | +## Live Demo |
| 10 | + |
| 11 | +[View the Live Demo](https://andrewbaldwin-django-blogger.herokuapp.com/) |
| 12 | + |
| 13 | +## Features |
| 14 | + |
| 15 | +**_Login or Create an Account_** |
| 16 | + |
| 17 | +<div align='center'> |
| 18 | + <img src='./media/screenshots/authentication.png' alt='Login' width='49%' /> |
| 19 | + <img src='./media/screenshots/sign_up.png' alt='Sign Up' width='49%' /> |
| 20 | +</div><br> |
| 21 | + |
| 22 | +**_View and Customize Your Profile_** |
| 23 | + |
| 24 | +<div align='center'> |
| 25 | + <img src='./media/screenshots/profile.png' alt='Profile Page' height='400px' /> |
| 26 | +</div><br> |
| 27 | + |
| 28 | +**_View the Articles_** |
| 29 | + |
| 30 | +<div align='center'> |
| 31 | + <img src='./media/screenshots/article.png' alt='Article Details' /> |
| 32 | +</div><br> |
| 33 | + |
| 34 | +**_View an Authors Articles_** |
| 35 | + |
| 36 | +<div align='center'> |
| 37 | + <img src='./media/screenshots/user_posts.png' alt='Authors Articles' height='440px' /> |
| 38 | +</div><br> |
| 39 | + |
| 40 | +**_Create Your Own Articles_** |
| 41 | + |
| 42 | +<div align='center'> |
| 43 | + <img src='./media/screenshots/article_creation.png' alt='Article Creation' height='420px' /> |
| 44 | +</div><br> |
| 45 | + |
| 46 | +**_Articles are Paginated_** |
| 47 | + |
| 48 | +<div align='center'> |
| 49 | + <img src='./media/screenshots/pagination.png' alt='Article Pagination' /> |
| 50 | +</div><br> |
| 51 | + |
| 52 | +**_Article Author can Edit or Delete Their Article_** |
| 53 | + |
| 54 | +<div align='center'> |
| 55 | + <img src='./media/screenshots/edit_delete.png' alt='Article Edit or Deletion' /> |
| 56 | +</div><br> |
| 57 | + |
| 58 | +**_Users Password can be Reset_** |
| 59 | + |
| 60 | +<div align='center'> |
| 61 | + <img src='./media/screenshots/password_reset.png' alt='Password Reset' /> |
| 62 | +</div><br> |
| 63 | + |
| 64 | +**_Secret Admin Panel to Manage Users and Articles_** |
| 65 | + |
| 66 | +<div align='center'> |
| 67 | + <img src='./media/screenshots/admin.png' alt='Admin Panel' /> |
| 68 | +</div><br> |
| 69 | + |
| 70 | +## Deploy the Project |
| 71 | + |
| 72 | +__Clone the repo to your local machine using the terminal__: |
| 73 | +``` |
| 74 | +$ git clone [email protected]:andrewbaldwin44/Django_Blog.git |
| 75 | +``` |
| 76 | + |
| 77 | +__Deploy the Development Server__: |
| 78 | +1. Move into the project directory `cd django_blog` |
| 79 | +2. Create a virtual environment: `python3 -m venv project_env` |
| 80 | +3. Activate the virtual environment: `source project_env/bin/activate` |
| 81 | +4. Install the dependencies: `pip install -r requirements.txt` |
| 82 | +5. Start the development server: `python manage.py runserver ` |
| 83 | + |
| 84 | +This will run the app in the development mode.<br /> |
| 85 | +Open [http://localhost:8000](http://localhost:8000) to view it in the browser. |
| 86 | + |
| 87 | +The page will reload if you make edits. |
| 88 | + |
| 89 | +## Technologies Used |
| 90 | + |
| 91 | +- Python |
| 92 | +- Django |
| 93 | +- SQL Database |
| 94 | +- Django Crispy Forms |
| 95 | +- Pillow Image Management |
16 | 96 |
|
17 | 97 | ## Authors |
18 | 98 |
|
|
0 commit comments