1 of 8

來杯 React 特調 期末專案

The Food Explorer

Matt 張承遠

2 of 8

TABLE OF CONTENTS

Motivation

Schedule

Features

Dev Environment

Simply describe my motivation of this project

Expected time schedule

List the features of my project.

List the develop environment I will use.

3 of 8

Motivation

It's very hard to decide what to eat in Hsinchu.

GoogleMap's feature is not custom enough for me.

Build a useful web application.

4 of 8

Features

You can create your own Food List in your personal page.

Search your favorite food and keep it in your page!

Personal Food List

Wireframe credit: Nelly wu

5 of 8

Features

In your food list, you can create different category and custom icons for it.

Also, there is a map storing your favorite food by different pretty icons.

​

Custom list and Icons

Wireframe credit: Nelly wu

6 of 8

Features

There are some buttons that link to Google service such as Google Navigation.

​

Link to Google Service

navigation

navigation

navigation

Wireframe credit: Nelly wu

7 of 8

Dev Environment

React

The front-end framework.

I will try my Best to write clean and modular code.

GoogleMapAPI

Use GoogleMap API to get the information of maps, places, and other data.

VS Code

Use create-react-app, and develop in VS Code editor.

Github & Netlify

Push my code to Github Repo, then use Netlify for web deployment and continuous deployment.

8 of 8

Schedule

1/25(一)

2/1(一)

2/8(一)

2/15(一)

2/21(日)

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

Basic layout

Keep searching for new idea

Functionality

Deployment

and

Testing