nussucommit / evoucher-frontend

Frontend of NUSSU commIT's E-Voucher project. Built with React and Typescript.

E-Voucher Frontend 🖥

NUSSU commIT's E-Voucher web app made with React

---

Getting Started 🔧

To get started running the project locally, please follow the steps below.

First, clone the repository.

git clone https://github.com/nussucommit/evoucher-frontend.git

Then, install all the dependencies

cd evoucher-frontend
npm install

Finally, run the development server.

npm start

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

evoucher-frontend's Issues

[FE-1] Improve Navbar

-

Requirements:

• Use Formik for the form fields and yup for input validation
• For all input components, import it from "components/Form" i.e. import { FileUpload, Input, Select, TextArea } from "components/Form"

API: https://evoucher-backend.herokuapp.com/api/changepassword

Reference: Register and Login (more simple) screen that already exists

• Create Screen
• Create new function under /api for this functionality i.e. changePassword()
• Integrate with the API
• Testing

[FE-4] Add documentation

Description

Add documentations

[FE-3] Change all @commitUI imports to commit-design

Description

Change all imports that are still from our local @commitUI to our npm library commit-design

[FE-2] Include date picker calendar in all date field

Description

Currently, users need to type the date directly. So we want to include a date picker library so users can choose a date from a calendar view.

Implementation Model

Use react-datepicker library

Tasks

• Successfully input the correct date from the date picker library.
• The date picker library should be easy to use and input the correct format for the voucher.

[EV-6] Add GroupInput component (prerequisite to EV-3)

Description

Add GroupInput component (prerequisite to EV-3)