Project Admin Panel

An Admin Panel for practicing React.js, TypeScript, Supabase, and Ant Design (Antd).

Demo

Online Admin-Panel

Screenshots

Desktop

Mobile

DarkMode	LightMode

Features

• Responsive Design for improved mobile viewing.
• Dark Mode for enhanced visual experience.
• Email Authentication through Supabase for secure user authentication.
• Utilization of Ant Design for UI components.
• Table Pagination for convenient data navigation.
• Implementation of Charts for effective data visualization.
• Data Storage in Supabase with retrieval using RTK Query.
• CRUD Operations (Create, Read, Update, Delete) for Users, Blogs, and Products.

Technologies Used

Hooks

• Built-in Hooks
  • useRef
  • useState
  • useEffect
  • useRouter
  • useNavigate
  • useLocation
  • useMemo
• Custom Hooks
  • useDarkMode
  • useAuth
  • useHideClickOutside

Styling

• Frameworks
  • Ant Design
  • Tailwind CSS
  • Prettier Plugin for Tailwind CSS
• Icons
  • React Icons

Run Locally

1. Clone the project

https://github.com/aliseyedi01/Admin-Panel.git

2. Go to the project directory

  cd Admin-Panel

3. Install dependencies

  npm install

4. Start the server

  npm run dev