Avav Smith

Avav Smith

1601554920

A travel expense manager made with Django, GraphQL, Next.js and Tailwind CSS

Travel Expense Manager 💸

A travel expense manager made with Django, GraphQL, Next.js and Tailwind CSS

** ⚠️ Warning**: WIP. Do not use in a production environment.

Development environment installation with Docker 🐳

1. Download or clone repo

git clone https://github.com/vreaxe/travel-expense-manager.git

2. Create the .env files inside the “backend” and “clients” directories and change the environment variables

“backend” folder:

DEBUG=True

SECRET_KEY=something

GRAPHIQL=True

DB_NAME=travel_expense_manager
DB_USER=root
DB_PASSWORD=secret
DB_HOST=database
DB_PORT=3306

CORS_ORIGIN_WHITELIST=http://127.0.0.1,http://localhost

“clients” folder:

NODE_ENV=local

GRAPHQL_URL_CLIENT_SIDE=http://localhost:8000/graphql/
GRAPHQL_URL_SERVER_SIDE=http://backend:8000/graphql/

APP_NAME=Travel Expense Manager

3. Build and run Docker containers

docker-compose -f docker-compose.dev.yml up -d --build

4. Migrate

docker exec tem-dev-backend python manage.py migrate --noinput

5. Create a superuser

docker exec -it tem-dev-backend python manage.py createsuperuser

6. Now you can access the backend at http://localhost:8000 and the frontend at http://localhost:3000

7. Sync currencies and countries (optional - you can create them manually through the Django admin panel)

docker exec tem-dev-backend python manage.py sync_countries
docker exec tem-dev-backend python manage.py sync_currencies

Screenshots

       

Download Details:

Author: vreaxe

Source Code: https://github.com/vreaxe/travel-expense-manager

#reactjs #react #javascript #django

What is GEEK

Buddha Community

A travel expense manager made with Django, GraphQL, Next.js and Tailwind CSS
Ahebwe  Oscar

Ahebwe Oscar

1620177818

Django admin full Customization step by step

Welcome to my blog , hey everyone in this article you learn how to customize the Django app and view in the article you will know how to register  and unregister  models from the admin view how to add filtering how to add a custom input field, and a button that triggers an action on all objects and even how to change the look of your app and page using the Django suit package let’s get started.

Database

Custom Titles of Django Admin

Exclude in Django Admin

Fields in Django Admin

#django #create super user django #customize django admin dashboard #django admin #django admin custom field display #django admin customization #django admin full customization #django admin interface #django admin register all models #django customization

Lupe  Connelly

Lupe Connelly

1626898500

Find a Mentor Website with Next Js Tailwind Css - Day 3

Find a Mentor Website with Next Js Tailwind Css - Day 3
Sources :
Trello : https://trello.com/invite/b/kGXI8zlV/d4a415ab005f801d82939d886232334e/100daysofcode
Figma https://figma.com/@kewcoder
Github https://github.com/kewcoder

#css #tailwind css #next js #next #javascript

Lupe  Connelly

Lupe Connelly

1626938700

Create Social Media App (Next Js Tailwind Css) - Day 8

Give me a design and coding challenge !

Day for #100DaysOfCode Challenge

Sources :
Trello : https://trello.com/invite/b/kGXI8zlV/d4a415ab005f801d82939d886232334e/100daysofcode
Figma https://figma.com/@kewcoder
Github https://github.com/kewcoder

#next #next js #css #tailwind css

Lupe  Connelly

Lupe Connelly

1626934980

Create Social Media App (Next Js Tailwind Css) - Day 8

Give me a design and coding challenge !

Day for #100DaysOfCode Challenge

Sources :
Trello : https://trello.com/invite/b/kGXI8zlV/d4a415ab005f801d82939d886232334e/100daysofcode
Figma https://figma.com/@kewcoder
Github https://github.com/kewcoder

#next #next js #css #ailwind css

Avav Smith

Avav Smith

1601554920

A travel expense manager made with Django, GraphQL, Next.js and Tailwind CSS

Travel Expense Manager 💸

A travel expense manager made with Django, GraphQL, Next.js and Tailwind CSS

** ⚠️ Warning**: WIP. Do not use in a production environment.

Development environment installation with Docker 🐳

1. Download or clone repo

git clone https://github.com/vreaxe/travel-expense-manager.git

2. Create the .env files inside the “backend” and “clients” directories and change the environment variables

“backend” folder:

DEBUG=True

SECRET_KEY=something

GRAPHIQL=True

DB_NAME=travel_expense_manager
DB_USER=root
DB_PASSWORD=secret
DB_HOST=database
DB_PORT=3306

CORS_ORIGIN_WHITELIST=http://127.0.0.1,http://localhost

“clients” folder:

NODE_ENV=local

GRAPHQL_URL_CLIENT_SIDE=http://localhost:8000/graphql/
GRAPHQL_URL_SERVER_SIDE=http://backend:8000/graphql/

APP_NAME=Travel Expense Manager

3. Build and run Docker containers

docker-compose -f docker-compose.dev.yml up -d --build

4. Migrate

docker exec tem-dev-backend python manage.py migrate --noinput

5. Create a superuser

docker exec -it tem-dev-backend python manage.py createsuperuser

6. Now you can access the backend at http://localhost:8000 and the frontend at http://localhost:3000

7. Sync currencies and countries (optional - you can create them manually through the Django admin panel)

docker exec tem-dev-backend python manage.py sync_countries
docker exec tem-dev-backend python manage.py sync_currencies

Screenshots

       

Download Details:

Author: vreaxe

Source Code: https://github.com/vreaxe/travel-expense-manager

#reactjs #react #javascript #django