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

1. npm install
2. npm run dev
3. 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: uowac-admin@gmail.com
• 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.