Live Demo: coffeeproject-eta.vercel.app
A modern full-stack web application that allows customers to browse, customize, and order coffee seamlessly online. The system features a smooth customer interface, real-time cart updates, and a powerful admin dashboard for managing menu items and orders. Built with scalability, user experience, and performance in mind.
Frontend:
βοΈ React.js
π¦ TypeScript
π¨ Tailwind CSS
π Shadcn/UI
Backend:
π§ ASP.NET Core Web API
π’οΈ PostgreSQL
π JWT Authentication
π³ Docker (containerized backend)
Deployment:
π Vercel (Frontend)
π₯οΈ Render (Backend)
Clone the project and run it locally
Prerequisites Node.js
.NET 7+
Docker & Docker Compose
-
Clone the repository git clone https://github.com/turkiano/coffee-shop.git cd coffee-shop
-
Setup Frontend cd client yarn install yarn dev
-
Setup Backend cd server dotnet restore dotnet run
Or run using Docker: docker-compose up --build
π€ User Registration & Login (JWT)
π Dynamic Shopping Cart
π Product Filtering & Search
π§Ύ Order Summary & Checkout
π Admin Dashboard for Product/Order Management
π± Fully Responsive on Mobile, Tablet, and Desktop
π RESTful API Integration
π³ Dockerized Backend for easy deployment
Customers can select coffee types, customize options, and place orders.
Admins can log in to add, edit, or remove products and track orders in real-time.
Responsive design ensures smooth UX across all devices.
Contributions are welcome! Hereβs how you can help:
Fork the project.
Create a feature branch: git checkout -b feature/my-feature
Commit your changes: git commit -m 'Add some feature'
Push to the branch: git push origin feature/my-feature
Open a Pull Request
π License This project is licensed under the MIT License.
