fyp-webapp-frontend

Final Year Project's frontend using https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip framework and Chakra UI for styling.

Built With

• https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip, 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 https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip 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 https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip and the browser.

Prerequisites

• https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip installed on your machine
• A https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip package manager, either npm or yarn

Installation

1. Clone the repo

   git clone https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip

2. Install all https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip 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 https://github.com/weiran0630/fyp-webapp-frontend/raw/refs/heads/main/public/webapp_frontend_fyp_2.5.zip. The page auto-updates as you edit the file.