Iced-Latte (Frontend) is a frontend that simulates the operations of an coffee online shop. Built using Next.js, it's crafted for educational purposes, offering insights into modern application development with Next.js.

• Iced-Latte (Frontend)
  • Table of Contents
  • Tech Stack
  • Quick Start
  • Features
  • API Documentation
  • Project structure
  • Contributing
  • Code of Conduct
  • License
  • Contact
  • FAQ
  • Community and Support

• Core: Next.js + Typescript.
• State manager: Zustand.
• Css framework: TailwindCSS.
• Testing: Jest, React-Testing-Library.

Follow the setup instructions in START.MD to get the project up and running.

• User Authentication and Authorization
• Product Catalog Management
• Order Processing and Tracking
• Stripe Payment Integration
• Real-time Data Monitoring

The API is fully documented with Swagger. Access the documentation at http://localhost:8083/api/docs/swagger-ui once the server is running.

  - public/  (static files)
  - src/  (sources directory)
    - app/
      - _components/  (components used by current page)
      - someRouteFolder/  (some rote page)
        - _components/  (someRoute page components)
        page.tsx  (someRoute page)
      globals.css  (global styles)
      layout.tsx  (root layout)
      page.tsx  (main page)
    - components  (shared components across application)
      - ui  (shared ui components (buttons, etc.))
    - constants  (temporary hardcoded values)
    - data  (temporary mocked data)
    - hooks  (custom hooks)
    - models  (typescript types)
    - services
    - utils  (utility functions)
    tailwind.config.ts  (tailwind custom classes)

Interested in contributing? Read our Contributing Guide for details on our code of conduct and the process for submitting pull requests.

Please read our Code of Conduct to keep our community approachable and respectable.

This project is licensed under the MIT License.

Have any questions or suggestions? Feel free to open an issue or contact us directly.

Address some common questions users might have about your project.

1. Question: How do I set up the project? Answer: Follow the instructions in START.MD.

2. Question: Where can I find API documentation? Answer: The API documentation is available at http://localhost:8083/api/docs/swagger-ui.

Join our community https://t.me/zufarexplained! Link to forums, chat, or community pages if available.