GitHub - aliseyedi01/Admin-Panel: Admin Panel with React

Name		Name	Last commit message	Last commit date
Latest commit History 102 Commits
public		public
src		src
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

Repository files navigation

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

Clone the project

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

Go to the project directory

  cd Admin-Panel

Install dependencies

  npm install

Start the server

  npm run dev