frontend-FoodExplorer
说明： 探索FoodExplorer，这是一个将烹饪和编程的精华结合在一起的web应用程序。这最后一个课程项目来自Rocketsat教育平台，模拟餐厅的数字菜单。https:corallifoodexplorer.netlify.app网址：
(Discover FoodExplorer, a web application that brings together the best of cooking and programming. This final course project, from the Rocketseat educational platform, simulates a digital menu for a restaurant. https: corallifoodexplorer.netlify.app)
(Discover FoodExplorer, a web application that brings together the best of cooking and programming. This final course project, from the Rocketseat educational platform, simulates a digital menu for a restaurant. https: corallifoodexplorer.netlify.app)
文件列表:
.vscode/
public/
src/
.eslintrc.cjs
index.html
package-lock.json
package.json
vite.config.js
public/
src/
.eslintrc.cjs
index.html
package-lock.json
package.json
vite.config.js
Food Explorer
Discover Food Explorer, a web application that brings together the best of cooking and programming. This final course project from the educational platform Rocketseat simulates a digital menu for a restaurant. Food Explorer is a great experience that creatively converges two distinct areas, such as gastronomy and technology.
## Navigation
# Access
You can access with: ### admin - [x] Login: admin@email.com - [x] Password: 123456 ### user - [x] Login: example@email.com - [x] Password: 123456
# Functionalities
- [x] Administrator and user registration
- [x] Registration, editing and deletion of products (administrator)
- [x] Product consultation
- [x] Placing orders (user)
- [x] Payment simulation (user)
- [x] Order consultation
- [x] Changing the status of orders (administrator)
# Characteristics
- [x] Responsiveness
- [x] Light/dark mode
- [x] Admin/user mode
# Technologies
Project developed with the following technologies:
Project |
Access |
Functionalities |
Characteristics |
Technologies |
Prerequisites |
Running the Frontend |
Important
· Português · English _____________________________________________________________________________________ # Project
Food Explorer works like an online restaurant menu and can be accessed via cell phone and/or computer.
Although the entire development of the application was carried out using advanced computer code resources, I will explain it in a simpler way. From the moment the application starts, it is possible to simulate two environments: The administrative part of the restaurant, which we call "admin".
In this profile, the restaurant owner is responsible for maintaining the menu and online orders.
You can add and change items menu such as: meals, drinks and desserts. The other environment is the customer's view that we call “user”. Some of the features within this profile are: obtain more product information by clicking on the item, including it in the order and choosing between payment methods.
## Layout
Although the entire development of the application was carried out using advanced computer code resources, I will explain it in a simpler way. From the moment the application starts, it is possible to simulate two environments: The administrative part of the restaurant, which we call "admin".
In this profile, the restaurant owner is responsible for maintaining the menu and online orders.
You can add and change items menu such as: meals, drinks and desserts. The other environment is the customer's view that we call “user”. Some of the features within this profile are: obtain more product information by clicking on the item, including it in the order and choosing between payment methods.
https://corallifoodexplorer.netlify.app/
You can access with: ### admin - [x] Login: admin@email.com - [x] Password: 123456 ### user - [x] Login: example@email.com - [x] Password: 123456
- [x] [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) 
- [x] [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) 
- [x] [Javascript](https://developer.mozilla.org/en-US/docs/Web/Javascript) 
- [x] [Node.Js](https://nodejs.org/api/documentation.html) 
- [x] [REACT](https://developer.mozilla.org/pt-BR/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started) 
# Prerequisites
Install the following tools on your machine:
- [x] [Git](https://git-scm.com)
- [x] [Node.js](https://nodejs.org/en/)
- [X] [Insomnia](https://insomnia.rest/download)
It is important to have an editor to work with the code, such as:
- [x] [VSCode](https://code.visualstudio.com/)
# Running the Frontend
Clone the repository by writing the following command line in the Vscode terminal:
```
git clone https://github.com/GuiCoralli/frontend-FoodExplorer.git
```
Access the project folder in terminal/cmd:
```
cd frontend-food-explorer
```
Install dependencies:
```
npm install
```
Run the application in development mode:
```
npm run dev
```
The default port for the Frontend is 5173 - access
- [x] [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [x] [Javascript](https://developer.mozilla.org/en-US/docs/Web/Javascript)
- [x] [Node.Js](https://nodejs.org/api/documentation.html)
- [x] [REACT](https://developer.mozilla.org/pt-BR/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started)
- [x] To run the the Backend (server) of this project you can find more information through this link:
- [x] https://github.com/GuiCoralli/backend-FoodExplorer
### Author
------------
Guilherme Coralli Created by Guilherme Coralli. Get in touch! [](https://www.linkedin.com/in/guicoralli/)
近期下载者：
相关文件：
收藏者：