MsCafe was founded with a simple mission: to serve the best coffee in town. Our passion for quality beans and expert brewing techniques has made us a favorite among coffee enthusiasts. We source our beans from sustainable farms around the world, ensuring that every cup of coffee you enjoy is not only delicious but also ethically produced.
MsCafe 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, MsCafe provides an excellent user experience for every coffee lover.
- 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).
- Frontend: React, CSS
- State Management: React Context API
- Backend: Node.js, Express (planned for future)
- Database: MongoDB (planned for future)
Before you begin, ensure you have installed the following:
Follow the steps below to set up the project locally:
# Clone the MsCafe repository
git clone https://github.com/your-username/ms-cafe.git
# Navigate into the project directory
cd ms-cafe
# Install the required npm packages
npm install
# Start the React development server
npm startOnce the server is running, you can view the app at (http://localhost:3000).
-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.
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/ms-cafe.git# Navigate into the project directory
cd ms-cafe# 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 ☕️