https://github.com/sabaasgarian/adminpanel

Admin Panel with React Query , Dark-light Mode , Context Api , Jwt ,
https://github.com/sabaasgarian/adminpanel

admin-panel context-api dark-mode jwt material-ui nextjs reactquery tailwindcss

Last synced: 11 days ago
JSON representation

Admin Panel with React Query , Dark-light Mode , Context Api , Jwt ,

• Host: GitHub
• URL: https://github.com/sabaasgarian/adminpanel
• Owner: SabaAsgarian
• Created: 2025-01-23T20:26:36.000Z (15 days ago)
• Default Branch: main
• Last Pushed: 2025-01-24T11:55:21.000Z (14 days ago)
• Last Synced: 2025-01-24T12:26:29.748Z (14 days ago)
• Topics: admin-panel, context-api, dark-mode, jwt, material-ui, nextjs, reactquery, tailwindcss
• Language: TypeScript
• Homepage: https://admin-panel-xebm.vercel.app/
• Size: 1.26 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AdminPanel 

admin panel with functional sign up and sign in 

- [Demo Project with sign-up & login](https://admin-panel-xebm.vercel.app/)

 

- Developed by Saba Asgarian

- Created - 2025-01-24

- Technologies Used - Html , Css , MaterialUi , Nextjs , React,Typescript,FetchApi,Crud(Create Read Update Delete) api,Dark-Light mode ,JWT,React Query ,Context Api

- Hooks Used : useState

- Role - Frontend

- How to reach me : with my [instagram](https://www.instagram.com/saba_asgarian_web?igsh=M2Z2dTU3cHFmeW1o&utm_source=qr) and [linkedin](https://www.linkedin.com/in/saba-asgarian-69161088?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app)

- 

- ---------------------------

![Image](https://github.com/user-attachments/assets/33e579cf-d44b-472b-b611-e20ad01e9653)

![Image](https://github.com/user-attachments/assets/72103d01-23cf-435b-bcc9-2fda8267ca6c)

![Image](https://github.com/user-attachments/assets/e7a88d36-1bd2-46b5-b530-aac742f75607)

![Image](https://github.com/user-attachments/assets/9c8f664e-3c55-42fc-ae94-00242a34c996)

![Image](https://github.com/user-attachments/assets/366e2b00-51e7-4f15-9ed3-8b7418da2de1)

![Image](https://github.com/user-attachments/assets/08a1d651-beab-41e8-9f22-a94fbe7c982d)

![Image](https://github.com/user-attachments/assets/365abf39-5800-46cc-9751-02bd6ce1d388)

![Image](https://github.com/user-attachments/assets/bbdf769f-3578-4d2f-9c48-c963d06a6564)

![Image](https://github.com/user-attachments/assets/d560db0a-407f-4740-9c2d-c97bd3a6ddd6)

![Image](https://github.com/user-attachments/assets/7204b292-7e97-441f-95f3-8c7c71929235)

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.