ScCafe ☕️

      Since its inception in 2020, ScCafe has been committed to providing the finest coffee experience. 
      Our focus on exceptional beans and precision brewing has helped us build a strong community of coffee enthusiasts. 
      We take pride in sourcing our beans from environmentally conscious farms across the globe, 
      ensuring that every cup you enjoy is not only full of flavor but also ethically sourced and sustainable.

Table of Contents

• Project Overview
• Features
• Tech Stack
• Installation
• Usage
• Screenshots
• Contributing
• License

Project Overview

ScCafe is a web application that offers an elegant, user-friendly interface for browsing our extensive coffee menu, placing online orders, and learning about our sustainably sourced beans.Whether you’re looking to order your favorite brew or learn more about coffee origins, ScCafe provides an excellent user experience for every coffee lover.

Features

• Browse Menu: Explore our coffee varieties with detailed descriptions and pricing.
• Sustainability Info: Learn about our ethical sourcing and the farms we partner with.
• Responsive Design: The website is fully responsive for desktops, tablets, and mobile devices.
• Order Coffee: Add items to your cart and place orders (future feature).

Tech Stack

• Frontend: React, CSS
• State Management: React Context API
• Backend: Node.js, Express (planned for future)
• Database: MongoDB (planned for future)

Installation

Prerequisites

Before you begin, ensure you have installed the following:

• Node.js (v14.x or higher)
• npm (v6.x or higher)

Setup

Follow the steps below to set up the project locally:

Step 1: Clone the repository

# Clone the MsCafe repository
git clone https://github.com/your-username/sc-cafe.git

# Navigate into the project directory
cd sc-cafe
 # Install the required npm packages
npm install
# Start the React development server
npm start

Once the server is running, you can view the app at (http://localhost:3000).

Usage

-To use the app: -View Coffee Menu: Browse through the available coffee items on the homepage. -Learn About Coffee: Check out the sourcing section to learn more about our sustainably sourced beans. -Place an Order: In future releases, you'll be able to add items to the cart and complete orders.

ScreenShots:

Home Page:

Coffee Menu:

Contributing

We welcome contributions! Follow the steps below to contribute to this project:

# Click the "Fork" button at the top-right of the repository page to create a copy in your GitHub account.

# Clone the forked repository to your local machine
git clone https://github.com/your-username/sc-cafe.git

# Navigate into the project directory
cd sc-cafe

#install dependencies
npm install

# Create a new branch for your feature or fix
git checkout -b feature/your-feature-name

# Make Your Changes
Make sure your changes adhere to the project standards and structure.
# Stage all changes
git add .

# Commit the changes with a descriptive message
git commit -m "Description of the feature or fix"

# Push your branch to your forked repository
git push origin feature/your-feature-name

# Go to the original repository on GitHub and open a new Pull Request
# Provide a clear description of your changes in the Pull Request.

Happy Coding ☕️