fyp-webapp-frontend

Final Year Project's frontend using Next.js framework and Chakra UI for styling.

Built With

• Next.js, the react framework for production
• React, a JavaScript library for building user interfaces
• Chakra UI, a simple, modular and accessible component library
• TypeScropt, typed JavaScript at any scale.
• sozonome/nextchakra-starter, template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup
• react-dropzone, simple React hook to create a HTML5-compliant drag'n'drop zone for files.
• axios, a promise-based HTTP Client for node.js and the browser.

Prerequisites

• Node.js installed on your machine
• A Node.js package manager, either npm or yarn

Installation

1. Clone the repo

   git clone https://github.com/weiran0630/fyp-webapp-frontend.git

2. Install all Node.js dependencies

   cd fyp-webapp-frontend
   yarn install
   # or
   npm install

Startup local development server

run the development server:

yarn dev
# or
next dev

Navigate to http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/pages/index.ts. The page auto-updates as you edit the file.