https://github.com/leonardomenezes7/foodexplorer_frontend

E-commerce system for restaurants
https://github.com/leonardomenezes7/foodexplorer_frontend

css deploy frontend html javascript react responsive-layout styled-components swiper

Last synced: 6 days ago
JSON representation

E-commerce system for restaurants

• Host: GitHub
• URL: https://github.com/leonardomenezes7/foodexplorer_frontend
• Owner: leonardomenezes7
• Created: 2024-04-26T00:35:33.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-05-21T20:49:55.000Z (9 months ago)
• Last Synced: 2024-12-03T22:12:44.377Z (2 months ago)
• Topics: css, deploy, frontend, html, javascript, react, responsive-layout, styled-components, swiper
• Language: JavaScript
• Homepage: https://food-explorer-1.netlify.app/
• Size: 624 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Food Explorer📁

Food Explorer is an innovative platform developed with React.js, designed to be a true online gastronomy e-commerce, offering users the opportunity to explore a variety of dishes while allowing restaurant administrators to efficiently manage their menu by creating, associating ingredients to dishes, editing, and deleting dishes.

[Back-end repository](https://github.com/leonardomenezes7/food_explorer_api)

## Layout💻

User:

![image](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/846cc598-a065-44e7-b9ac-9f18c33e3e47)

![image](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/8805c2a9-f056-494b-a356-e0133c9e8478)

![image](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/f3bc6373-1927-4fad-a3c2-a1beac07cce1)

![image](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/4273f1db-85d3-484a-bdd4-df7a163c5c8d)

![image](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/77710276-443b-4827-93b0-518c2b8cd117)

Admin:

![image](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/205c8c5f-3b7c-45bf-97f2-6acf926049ed)

![image](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/a4484510-ede3-4b98-aba8-c57a2817f277)

![image](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/a40ca664-dc92-4941-b369-91fbd7cc0f86)

Responsive Layout:

![Design sem nome (1)](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/e1ae0f41-c306-4eb4-a596-2e1c180a260a)

![Design sem nome (2)](https://github.com/leonardomenezes7/foodexplorer_frontend/assets/145611761/55dd2565-4882-4514-a493-2f812b714401)

[Figma Layout](https://www.figma.com/file/BLJK1ETJhojMeUvjKm6hEi/food-explorer-v2-(Community)?type=design&node-id=201-1532&mode=design&t=dRKeYe55sN9MGrHB-0)

## Features🔑

- Create user

- Admin and customer

- Add dish image

- Edit Dish

- Add dish ingredients

- Delete dishes

- Search dishes

- Responsive Layout

- CRUD

- Clean Code

- Project Architecture

## Technologies used🛠️

- React.js

- Styled components

- CSS

- HTML

- Figma

- Axios

## How to run🚀

```bash

# Clone the project to the desired location on your computer.

$ git clone https://github.com/leonardomenezes7/rocketmovies_frontend.git

# Navigate to the directory

$ cd foodexplorer_frontend

# Install necessary dependencies

$ npm install

# Run

$ npm run dev

```

Note: As it is hosted on a free service, the BackEnd "hibernates" after 15 minutes of non-use. If you are trying to access the website and the BackEnd does not respond, just wait as it will be "initializing" the services. This step may take up to 1 minute, depending on the load on the Render servers.

👤Admin user: 

- E-mail: [email protected]

- Password: 123

### Developed by Leonardo Menezes