Skip to content

Vijeth-Kumar-18/IdealCafe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ideal Café ☕

React Bootstrap

An interactive, modern café web application for ordering, offers, and user engagement.


🚀 Features

  • ✨ User signup and login (localStorage persistence)
  • 🔒 Protected profile page displaying user information
  • 🛒 Add to cart with persistent cart
  • 💳 Checkout and order summary
  • 🧭 Dynamic navigation bar (auth & cart state)
  • 🎁 Spin wheel for offers
  • 📱 Responsive, mobile-friendly UI


🛠️ Tech Stack

  • React, React-Bootstrap, React Router
  • localStorage for persistence
  • ESLint for code quality

🏁 Getting Started

Prerequisites

  • Node.js (v14 or higher recommended)
  • npm

Installation

git clone https://github.com/Vijeth-Kumar-18/IdealCafe.git
cd IdealCafe
npm install

Running the App

npm start

Visit http://localhost:3000 in your browser.


📂 Project Structure

  • src/components/ – NavBar, Footer, Carousel, etc.
  • src/pages/ – Home, Menu, Cart, Checkout, Profile, etc.
  • public/ – Static assets and HTML

💡 Usage

  • Sign Up / Login: Create an account or log in. User data is stored in localStorage.
  • Profile: View your profile details (name, email, etc.) on the protected profile page.
  • Cart: Add menu items to your cart. Cart persists across sessions.
  • Checkout: Review your order and proceed to checkout.
  • Spin Wheel: Try your luck for special offers!

🎨 Customization

  • Update menu items, offers, and branding in the respective components/pages.
  • Extend authentication or connect to a backend as needed.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages