Skip to content
Mel-TurhamPublic

About

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.

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Repository files navigation

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:
    git clone https://github.com/Mel-Turham/Foodie.git
  2. Navigate to the project folder:
    cd Foodie
  3. Install dependencies:
    pnpm install
  4. Start the development server:
    pnpm run server

Contribution

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

About

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.

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Used by

Contributors

Languages