Web-Application-Project - Alunno

What is Alunno?

Alunno is a web-based course management application for Web application programming course which uses Django and React including beautiful design, feature-rich.

Features

• User friendly: With simple and institutional UI

• Beautiful design: Eye catching and fresh

• Powerful: Tons of editing functionality

Getting Started

Prerequisites

• Python: 3.9.7
• Nodejs: 16.13.1

Setup

1. Get the source code

   git clone https://github.com/ducluongtran9121/Web-Application-Project.git
   cd Web-Application-Project
   

2. Set up

• Set up python environment

  • Create environment:

    cd backend
    python -m venv .env
    

  • Active environment:

    • Powershell:

      .env\Scripts\Activate.ps1
      

    • Command Prompt:

      .env\Scripts\activate.bat
      

    • UNix

      .env\Scripts\activate
      

  • Install dependencies:

    pip install -r .\requirement.txt
    

  • Migrate Django

    python manage.py makemigrations
    python manage.py migrate
    

• Set up frontend environment:

  • Install dependencies:

    cd frontend
    yarn
    

  • Add server api url environment variable: (You can use your backend url)

    echo "REACT_APP_API_URL=http://127.0.0.1:8000" > .env.local
    

Run

• Backend:

  python manage.py runserver
  

• Frontend:

  • To run dev app:

    yarn start
    

  • To build the app:

    yarn build
    

Tech Stack

• Python
• TypeScript
• Django
• Django REST
• React
• Chakra UI
• Create React App

Contributors

Thanks goes to these wonderful people (emoji key):

thihuynhdotexe 💻 🚧 📆

Ngo Duc Hoang Son 💻 📖 🎨 🚧

janlele91 💻 🚧