UOW Sculptures Admin Dashboard
- A multi-functional and comprehensive admin dashboard for UOWAC staff to manage data for the UOW Sculptures mobile app. The app was built using Next.js (SSR React), Ant Design and styled-components for frontend; Typescript Node.js, PostgreSQL, Auth0 (authentication) and AWS S3 (cloud storage) for backend.
- Checkout the mobile app here (built using React Native and Redux).
- Checkout the Marketing website here.
Getting started
Prerequisites
Download Node.js and npm here: https://nodejs.org/en/
Installation
npm install
npm run dev
- Go to http://localhost:3000 to see your app.
Build
npm run build
and npm run start
to run the production version after build.
Functionalities
Note: Please use this credential to login:
- Email: [email protected]
- Password: uowsculptures
1. General trends and statistics of the system
2. Customized date picker to see trends and statistics in time interval
3. User proportion statistics
4. View sculptures list (with support for searching and sorting)
5. View sculptures detailed information
6. View social statistics (likes, comments, visits) of sculptures
7. Populate data for new sculpture (with support for map integration and image upload)
8. User management (with support for searching and sorting)
9. User profile
10. Recent activity management
Built with
- Next.js - Universal/Isomorphic React Framework with blazing-fast load time
- Ant Design - An enterprise-class UI design language and React UI library
- styled-components - Write CSS-in-JS, removes the mapping between components and styles
- react-map-gl - React friendly API wrapper around Mapbox (map component)
- Auth0 SPA SDK - Auth0 SDK for Single Page Applications (authentication)
Authors and contributors
- Hieu Chu
- Long Hung Nguyen
- Hoang Nam Bui
License
Distributed under the MIT License. See LICENSE for more information.