Giter Club home page Giter Club logo

food-manager-app's Introduction

Food App

The Food App is a full-stack CRUD application built to manage food products. It allows users to create new products, view product details, update existing items, and delete specific products. The app is developed using React Query for data fetching and caching, Tailwind CSS for styling, DaisyUI for additional UI components, and Firebase as the Backend-as-a-Service (BaaS) provider for database management.

Features

  • Create: Add new food products with details such as name, category, size, price, cost, and stock quantity.
  • Read: View detailed information of each product, including its category, size, price, and current stock.
  • Update: Modify existing product information, ensuring accurate and up-to-date details.
  • Delete: Remove specific food items from the database when no longer needed.

Technologies Used

  • React Query: For efficient data fetching, caching, synchronization, and updates.
  • Tailwind CSS: A utility-first CSS framework used for rapid UI development and responsive design.
  • DaisyUI: Provides additional UI components and styles that integrate seamlessly with Tailwind CSS.
  • Firebase: Backend-as-a-Service (BaaS) used for real-time database management, authentication, and hosting.

Setup Instructions

To run the Food App locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/DreaUltimate/repository.git
    cd food-app
  2. Install dependencies:

    npm install
  3. Set up Firebase:

    • Create a Firebase project at Firebase Console.
    • Obtain your Firebase configuration settings (apiKey, authDomain, projectId, etc.).
    • Replace the Firebase configuration in `firebase-config.js` or equivalent file in your project.
  4. Start the development server:

    npm run dev
  5. Open the app:

    Open your browser and navigate to http://localhost:5173 to view the app.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to submit a pull request.

Acknowledgements

  • React Query: Efficiently manage server state in React applications.
  • Tailwind CSS: Create modern and responsive UIs quickly.
  • Firebase: Powerful BaaS platform for building scalable apps.

food-manager-app's People

Contributors

diusmontenegro avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.