search

farid002 / api-thousand-game

An API Repository for Thousand Card mobile game
0 stars 0 forks source link

Frontend for the app #15

Open farid002 opened 4 months ago

farid002 commented 4 months ago

Description Implement a frontend for the FastAPI application using Flask or Django to leverage server-side rendering and a robust ecosystem for enhancing the user interface.

Suggested Implementation Steps

  1. Choose either Flask or Django based on project needs and team expertise.
  2. Initialize the directory on root with name: frontend and organize directories for templates, static files, and views inside it.
  3. Create wireframes/mockups and develop HTML templates using CSS frameworks like Bootstrap or Tailwind CSS, or simply get a template online for admin panel.
  4. Implement views to fetch and display data from the FastAPI backend using HTTP clients, such as games, rounds, players etc with update, delete functionalities.
  5. Implement authentication using Flask-Login, Flask-Security, or Django’s authentication system and secure API communications.
  6. Define routes and views for navigation and implement navigation components.
  7. (OPTIONAL FOR NOW) Write unit and integration tests for views and templates, and perform end-to-end testing.
  8. Configure build processes (Docker file later on), manage static files, and deploy the frontend with the FastAPI backend.
  9. Update documentation with setup, running, and contribution instructions for the frontend project.