https://github.com/delitamakanda/newspaper
live news app front nextjs and backend django graphene
https://github.com/delitamakanda/newspaper
django graphene graphql learning-nextjs mediastackapi nextjs tailwindcss
Last synced: about 1 month ago
JSON representation
live news app front nextjs and backend django graphene
- Host: GitHub
- URL: https://github.com/delitamakanda/newspaper
- Owner: delitamakanda
- License: cc0-1.0
- Created: 2023-05-03T18:47:03.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-17T14:35:19.000Z (over 2 years ago)
- Last Synced: 2024-04-15T15:21:43.829Z (almost 2 years ago)
- Topics: django, graphene, graphql, learning-nextjs, mediastackapi, nextjs, tailwindcss
- Language: Python
- Homepage:
- Size: 4.93 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# newspaper
## Getting started
1. set up backend
```bash
cd backend
```
```bash
python3 -m venv newspaperenv
```
```bash
newspaperenv/bin/activate
```
```bash
pip intall -r requirements.txt
```
```bash
python3 manage.py migrate
```
```bash
python3 manage.py runserver
```
#### fetch news from MediastackAPI
```bash
python3 manage.py populate_news
```
2. set up frontend
```bash
cd frontend
```
```bash
npm install
```
```bash
npm run dev
```
## thanks to tutorials
* [Let’s build a LIVE NEWS APP with Next.js 13 (TypeScript, StepZen, Tailwind, Dark Mode, GraphQL)](https://www.youtube.com/live/QcEY72FX9go?feature=share)
* [Modern CSS](https://ishadeed.com/article/rebuild-featured-news-modern-css/)
## Build with
* Next.js
* TypeScript
* Tailwindcss
* Django
* Graphene
* Container queries
* [MediaStack API](https://mediastack.com/)
# screenshot
