This is a custom admin panel built with React JS and SASS, inspired by Safak from Lama Dev. It provides a graphical interface for admins to manage users, products, orders, and posts, as well as perform CRUD operations. Users can also update their profiles and create posts.
- Graphical Overview: Admins can oversee all activities in a visual and intuitive way.
- CRUD Operations: Admins can create, read, update, and delete users, products, orders, and posts.
- User Management: Users can update their profiles and create posts.
| Technology | Purpose |
|---|---|
| React JS | Building the user interface |
| SASS | Styling the components |
| TypeScript | Ensuring type safety in the codebase |
| Vite | Fast development and building of the application |
| ESLint | Code linting with plugins: - eslint-plugin-react - @typescript-eslint/recommended-type-checked - @typescript-eslint/strict-type-checked (optional) - @typescript-eslint/stylistic-type-checked (optional) |
Note: Verify the exact ESLint configuration in the project's codebase because did some modification later
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/shahalam22/admin-panel.git
-
Navigate to the project directory:
cd admin-panel -
Install dependencies:
npm install
or
yarn install
Note: You may need to configure environment variables for API connections if the panel interacts with a backend server.
To start the development server:
npm run devor
yarn devAccess the application at http://localhost:5173 (Vite's default port).
This project can be deployed on platforms that support static sites or frontend applications, such as:
To deploy:
-
Build the project:
npm run build
or
yarn build
-
Follow the deployment instructions for your chosen platform.
Contributions are welcome! To contribute:
- Fork the repository.
- Make your changes.
- Submit a pull request.
Please follow best practices for coding and documentation when contributing.
Note: If no LICENSE file exists, consider adding one.
This project was inspired by Safak from Lama Dev.