An admin panel/dashboard with persistent storage powered by Refine, Supabase, RTK, RTK Query and friends.
MIT License
This refine project was generated with superplate.
createAsyncThunk
and RTKQ
.Fine Dashboard is a pretty advanced dashboard equipped with cool analytics and charts. It is user-friendly, with a clean interface that is easy to navigate. In addition, It is fully responsive meaning that it will work seamlessly on various devices. So whether you're accessing it on a laptop, or mobile, it will look great everywhere.
Set the following environment variables to your supabase app URL and ANON KEY:
REACT_APP_SUPABASE_URL=
REACT_APP_SUPABASE_ANON_KEY=
Menu
> APIs & Services
> Credentials
.Create credentials
> API key
.Copy
to copy your API key for use in our project.export REACT_APP_GOOGLE_KEY=
Go to your Google Cloud console, then go to Menu
> APIs & Services
> Credentials
.
Click Create credentials
> Create OAuth client ID
.
Click Copy
to copy your Cliend key and secret for use in our project.
Register a new application
.Click Generate a new client secret
.
Click Copy
to copy your Cliend ID and key for use in our project.
git clone [email protected]:wiseaidev/fine-dashboard.git
cd fine-dashboard
npm install
In order to run the project locally or build for production use, you will need to set the following environment variables to connect with the Supabase backend and google maps:
REACT_APP_SUPABASE_URL=
REACT_APP_SUPABASE_ANON_KEY=
REACT_APP_GOOGLE_KEY=
Now you can run the client:
npm run dev
Navigate to http://localhost:3000 to explore the login page.
npm run build
npm run start
To deploy the client, you will need to set the following environment variables.
REACT_APP_SUPABASE_URL=
REACT_APP_SUPABASE_ANON_KEY=
REACT_APP_GOOGLE_KEY=
To learn more about refine, please check out the Documentation
This project and the accompanying materials are made available under the terms and conditions of the MIT LICENSE
.