Shopit Admin Dashboard is a data-driven interface for managing e-commerce operations. Built with React and Syncfusion, it provides a clean, organized way to visualize data through charts, tables, and more. This project showcases my ability to create dynamic dashboards, relevant to Amana’s need for a DeFi yield aggregator dashboard.
- Data Visualization: Interactive charts and tables for sales, users, and inventory.
- Customizable UI: Syncfusion components for flexible data display.
- Responsive Design: Works seamlessly on desktop and mobile.
- E-commerce Focus: Tracks key metrics like orders and revenue.
- React: For building reusable UI components.
- Syncfusion: For data visualization and dashboard components.
- CSS: Custom styles for a polished look.
To run this project locally, follow these steps:
- Node.js (v16 or higher)
- Git
-
Clone the repository:
git clone https://github.com/RohitKS7/Admin_Dashboard.git cd Admin_Dashboard -
Install dependencies:
npm install -
Run the app:
npm run dev -
Open
http://localhost:3000
in your browser to see the site.
app/: Next.js pages and layouts (using Next.js 13 app folder).
components/: Reusable React components for sections and animations.
styles/: Custom CSS for styling.
public/: Static assets like images.
- This project demonstrates my expertise with Amana’s stack:Built with Next.js and React, matching Amana’s frontend requirements.
- Focuses on modern UI/UX with animations, similar to Amana’s need for a user-friendly DeFi interface.
- Shows my ability to create engaging designs, like the Amana mockup.
I built this project from scratch, designing the UI and implementing the frontend with Next.js 13, React, and Framer-Motion. I focused on creating a seamless user experience with a futuristic feel.
This project is open-source under the MIT License—free to use and modify.
For questions, reach out to me at my LinkedIn, X.