Zon Dashboard is a React.js project tailored for managing Zon's categories and products as part of the assessment. It focuses on essential functionalities, such as seeding the database with required categories upon project load. Notably, images are not stored in the database or any external storage; instead, they are locally saved within the Zon application's files, with image paths stored as strings.
This project is predominantly built using TypeScript, React.js, and Tailwind CSS.
The structure within the "src" folder illustrates the project's architecture. Designed as a minimally featured web application, the project lacks router integration. The root file, "App.js," serves as the only page within this Single Page Application (SPA) setup. Conditional rendering is employed to display four distinct pages. Ensure that the correct server path is defined at "configs/index.ts" with the export:
export const REACT_APP_SERVER_URL = "http://localhost:3999";
The project is scaffolded using the "vite react-ts" template and is intended to function in a Node.js environment seamlessly.
To get started:
- Clone the Zon Dashboard repository.
- Run
npm install
. - Execute
npm run dev
to run the Node.js Express server on port 5173.