Giter VIP home page Giter VIP logo

anime-dashboard-app's Introduction

Anime Dashboard App

Anime Dashboard App

This codebase is for the "A day in the life of a developer - Building a dashboard app with Node.js, Django and Next.js" article which you can find on my blogs:

DEV Blog

Hashnode Blog

Medium Blog

CodeNewbie Blog

Prerequisites

  • PostgreSQL installed
  • MySQL installed
  • SQLite installed
  • Database Management System installed (Azure Data Studio or alternative)
  • Node and npm installed
  • Python installed with virtualenv or an alternative

Project install and setup

You might need to use a different Python command when using Python it depends on how your computer is configured. For example you might need to use the command python3 or python. The same applies to using pip or pip3.

  1. Run the command npm install inside of the manga-backend-express and manga-client folders to install the project dependencies
  2. Run the command npm run dev to start the servers for manga-backend-express and manga-client directories
  3. Run the command python3 manage.py runserver from the directory manga-backend-django/manga to start the Django server

Server running ports

The manga-backend-express server and manga-backend-django are both running on port 8000. So either change the port number for one of them or just run one server at a time.

Node.js Express environment variables

The manga-backend-express server requires a .env file in the root folder. See this example below which is setup to work with postgresql databases.

DATABASE_URL="postgresql://postgres:@localhost:5432/manga?schema=public"
PORT="8000"
ENVIRONMENT="development"

anime-dashboard-app's People

Contributors

andrewbaisden avatar

Stargazers

Bruno Vang avatar Parag Patil avatar Aakash Bhaisare avatar Ego Wang avatar L. Marco P. avatar avatar Nguyễn Đăng Phát avatar DanKinoti avatar Md. Musfiqur Rahaman avatar Rajeev Kumar avatar Santosh J Sutar avatar

Watchers

avatar avatar

Forkers

maxzeno agbah parag60288 mbciyouth

anime-dashboard-app's Issues

Issue diplaying Realease Year

Hi Andrew, I followed your tutorial, it's excellent and very detailed. It really helped me to understand how to set up a RESTFULL API and above all to structure my project in the form of layers (back, API, DB & front).

I was having a lot of trouble with this but now it's much clearer in my head. I followed the tutorial from A to Z in 3 days and it was OK.

I just find that it's really designed for intermediate devs, a beginner will have difficulty understanding certain concepts and moving from one file to another.

I have two questions:

  1. Why did you create two new tables api_anime & api_animedetails please? Why didn't you just use the anime & anime_details tables? What is the consistency between these two and in which part of Django can I see this please?

  2. I've encountered the problem with the "Release Year" display, can you please look at my code and tell me how to fix it?

It's all here: https://github.com/HassanNdam/Application-manga.git

Thanks a lot,

Sincerely

issues nodes-years when npm install in manga-client

Hello,
You did a great job.
I have this problem installing the modules from the package-lock.json in the manga-client directory :

>manga-client$ npm install 
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/node-years/-/node-years-2.0.14.tgz/yocto-queue/-/yocto-queue-0.1.0.tgz
npm ERR! 404 
npm ERR! 404  'yocto-queue@https://registry.npmjs.org/node-years/-/node-years-2.0.14.tgz/yocto-queue/-/yocto-queue-0.1.0.tgz' is not in this registry.
npm ERR! 404 
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in: /home/computer/.npm/_logs/2024-02-01T03_29_06_320Z-debug-0.log

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.