https://github.com/mel-turham/foodie

Foodie: A full-stack food ordering app built with React, TypeScript, and Json-Server. Features include authentication, dish details, comments, dark mode, filtering by category/name, a functional contact page, and a responsive design.
https://github.com/mel-turham/foodie

axios-react emailjs json-server nextui pnpm react react-router-dom tailwindcss toast-notifications typescript vitejs zod-validation zustand

Last synced: 8 days ago
JSON representation

Foodie: A full-stack food ordering app built with React, TypeScript, and Json-Server. Features include authentication, dish details, comments, dark mode, filtering by category/name, a functional contact page, and a responsive design.

• Host: GitHub
• URL: https://github.com/mel-turham/foodie
• Owner: Mel-Turham
• Created: 2024-06-04T13:31:34.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-11-11T00:28:31.000Z (3 months ago)
• Last Synced: 2024-11-22T16:15:58.901Z (2 months ago)
• Topics: axios-react, emailjs, json-server, nextui, pnpm, react, react-router-dom, tailwindcss, toast-notifications, typescript, vitejs, zod-validation, zustand
• Language: TypeScript
• Homepage:
• Size: 15.5 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Voici une description pour votre projet **Foodie** à inclure dans votre README :

---

# Foodie

**Foodie** is a full-stack food ordering application that allows users to browse dishes, place orders, and interact with various features like comments and dark mode. Built with a modern tech stack, this app provides a responsive and user-friendly interface, making food ordering seamless and enjoyable.

## Features

1. **Authentication**: Secure user login and registration.

2. **Dish Details**: View detailed information about each dish.

3. **Dish Comments**: Leave comments and reviews on dishes.

4. **Dark Mode**: Toggle between light and dark themes.

5. **Dish Filtering**: Filter dishes by category or name for easy navigation.

6. **Contact Page**: Functional contact page to send emails using EmailJS.

7. **Responsive Design**: Mobile and desktop-friendly interface.

## Technologies Used

- **React & TypeScript**: Building the app with a robust, scalable structure.

- **Json-Server**: Simulating a backend for food data storage and handling.

- **pnpm**: Efficient package manager for project dependencies.

- **React Router DOM**: For routing between pages.

- **Toast Notifications**: For displaying user-friendly notifications.

- **EmailJS**: For email functionality on the contact page.

- **Tailwind CSS & NextUI**: For styling the app with modern, responsive UI components.

- **Zustand**: For state management across the app.

- **Vite.js**: Fast and optimized development environment.

- **Axios-React**: For making HTTP requests.

- **Zod Validation**: For form validation and data integrity.

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/Mel-Turham/Foodie.git

   ```

2. Navigate to the project folder:

   ```bash

   cd Foodie

   ```

3. Install dependencies:

   ```bash

   pnpm install

   ```

4. Start the development server:

   ```bash

   pnpm run server

   ```

## Contribution

Contributions are welcome! Feel free to open an *issue* or a *pull request* to suggest improvements or report bugs.