RevoU-FSSE-2 / week-22-muhammad-avicena

build a ToDo-List App with React-Vite, MUI, SQLAlchemy, Python-Flask, Implemented RBAC, Advanced Security, & Firebase Deployment

Fancy to see you here

hi, I'm Muhammad Avicena. In this repo, I build a ToDo-List App with React-Vite, MUI, SQLAlchemy, Python-Flask, Implemented RBAC, Advanced Security, & Firebase Deployment. If you have any question or feedback, hit me up at anytime !

I am committed to staying up-to-date with industry trends and using the latest tools to develop innovative solutions that surpass expectations. Interested to have collaboration ? Find me on:

INGREDIENTS I USE 📜

• WebClient (Web)
  • React
  • MUI
• WebServer (Functions)
  • Python
  • Flask
  • JWT for Role-Based Access Controll
  • SQLAlchemy
• API Documentation
  • Mock Collection API Postman

HOW TO SET UP 📰

You will need a github account to clone this repository, make sure you're connected to github.

# Clone this repository or simply fork it.

- git clone https://github.com/RevoU-FSSE-2/week-22-muhammad-avicena.git

# Install depedencies on both folder

# WebClient / Front End
- cd WebClient
- pnpm install

# WebServer / Back End
- cd WebServer
- pip install -r requirements.tx

# Set up the .env file, follow the template from `.env.example` in WebServer folder.

    DATABASE_URL = ""
    SECRET_KEY = ""
    FLASK_ENV = ""

# Run the application

# WebClient / Front End
- pnpm run start

# WebServer / Back End
- pip run flask run --debug

AVAILABLE API 📰

Endpoint : https://us-central1-todolist-app-f1db6.cloudfunctions.net/week22_avicena

API Collection : https://documenter.getpostman.com/view/3529439/2s9YeK3VDy

SECURITY APPLICATION

Front end :

Back end :

PUSH TO DOCKER HUB⚙️

Docker Hub : https://hub.docker.com/r/avicenadevs/todolist-backend

DEPLOYMENT DATABASE IN SUPABASE⚙️

DEPLOYMENT APP IN FIREBASE FUNCTIONS & GOOGLE CLOUD PLATFORM⚙️

The project has been successfully deployed using Firebase & GCP. You can access the production version of the website by following this link: https://week22-avicena.web.app.

Feel free to explore the website and try out the different features. I appreciate any feedback and suggestions to further improve the user experience.