This website provides users with functions to create, read, update, and delete their own restaurant list information.
- The user can create an account(with email or Facebook) to manage the restaurant list by herself.
- The user can see the following information about the restaurants on the home page: image, name, category, and rating.
- The user can click the
detail button
orrestaurant image
to see more information about the restaurant: phone, address, description, etc. - The user can click the
新增餐廳 button
to create a new restaurant with some necessary information(ex: name, category, and rating). - The user can click the
edit button
to edit information about the restaurant. - The user can click the
delete button
to delete the restaurant card. - The user can click the
排列方式
to select the order of the restaurant. - The user can search for a specific restaurant by entering the name or category in the search bar.
-
Git clone this project.(Use Terminal)
git clone https://github.com/tkoleo84119/restaurant-list.git
-
cd
to restaurant list file.(Use Terminal) -
Install npm packages.(Use Terminal)
npm install
-
Change
.env.example
file name to.env
-
Create default data.(Use Terminal)
npm run seed
-
Start the server.(Use Terminal)
npm run dev
-
When Terminal show
Express is listening on localhost:3000
mongodb connected!
, you can use any browser and type http://localhost:3000 to enter the website.
When running npm run seed
, two default users will be created. User can use the following default user information to enter the website.
- email: [email protected] password: 12345678
- email: [email protected] password: 12345678
- npm: 6.14.11
- nodemon: 2.0.12
- dotenv: 10.0.0
- express: 4.17.1
- express-session: 1.17.2
- express-handlebars: 5.3.2
- method-override: 3.0.0
- mongoose: 5.13.7
- passport: 0.5.0
- passport-local: 1.0.0
- passport-facebook: 3.0.0
- bcryptjs: 2.4.3
- connect-flash: 0.1.1
- jquery: 3.6.0
- popper: 2.9.1
- bootstrap: 4.6.0
- font-awesome: 5.15.3