Skip to content

A multi-functional and comprehensive admin dashboard using Next.js (SSR React), Ant Design and styled-components

License

Notifications You must be signed in to change notification settings

uowac/nextjs-antd-admin

Repository files navigation

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:

1. General trends and statistics of the system

general1

2. Customized date picker to see trends and statistics in time interval

general2

3. User proportion statistics

user-proportion1

4. View sculptures list (with support for searching and sorting)

sculpture-list1

5. View sculptures detailed information

sculpture-info

6. View social statistics (likes, comments, visits) of sculptures

sculpture-social

7. Populate data for new sculpture (with support for map integration and image upload)

create1 create2

8. User management (with support for searching and sorting)

user-list1

9. User profile

user-list2

10. Recent activity management

recent-act1 recent-act2

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.

About

A multi-functional and comprehensive admin dashboard using Next.js (SSR React), Ant Design and styled-components

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published