Giter Club home page Giter Club logo

gonegreen's Introduction

GoneGreen

Welcome to GoneGreen - The "Gone Green Smoothie Bar" is an innovative web application designed to enhance the user experience of exploring and in the future ordering from a diverse menu of healthy and delicious drinks, salads, and snacks offered by a smoothie bar in Nigeria. Leveraging modern web technologies, the application provides a polished and responsive interface, allowing users to seamlessly browse through different categories, look through dishes photos and contact a bar.

Table of Contents

Introduction

At GoneGreen, we're not just a brand; we're a lifestyle choice. We're dedicated to helping you embrace sustainability and make a positive impact on our planet. Our mission is to empower individuals and communities to live in harmony with the environment, all while enjoying the benefits of a greener, healthier life. Join our growing community of like-minded individuals who are passionate about sustainability. Share your journey, exchange ideas and be part of a supportive network commited to a greener future.

Features

  • Search for ingredients/recipes
  • View different products
  • Search for upcoming events
  • Responsive design for a great user experience on various devices.

Getting Started

  1. Clone the repository:

    git clone https://github.com/nonsoiwedinobi/gonegreen
  2. Navigate to the project directory:

    cd gonegreen
    
  3. Open the index.html file in your preferred web browser.

Usage

Link to deployed app GONEGREEN

  1. Open the application in your web browser.
  2. Navigate to menu page
  3. Use the search bar to type the fruit/smoothie you want.
  4. Click the "Search" button or press "Enter" to initiate the search.
  5. Explore detailed information about the selected content.
  6. Stay informed with the upcoming events

Alt text

Codes Used

Alt text Alt text Alt text

Contributing

  • Paulina Zdunek
  • Elehin Duale
  • Nonso Iwedinobi

Web URL

License

This project is licensed under the MIT License.

gonegreen's People

Contributors

nonsoiwedinobi avatar pauli090 avatar

Watchers

 avatar

gonegreen's Issues

Events-page

User Story

As a user interested in engaging with the GONEGREEN smoothie bar community, I want to explore and stay informed about upcoming events. This includes viewing event details, dates, and locations, allowing me to plan my visits and participate in exciting smoothie bar activities.

Acceptance Criteria:

  • User interface- easy to navigate layout
  • Responsive design
  • Displays a list of upcoming events
  • Detailed event information- including event description, date, time, location.
  • Quality images - image compression to optimise loading speed of page.

Footer

User story

As a user exploring the GONEGREEN smoothie bar application, I want a well-designed and informative footer to easily access additional information, navigate external platforms, and connect with the smoothie bar, enhancing my overall experience on the website.

Acceptance Criteria

  • External links to social media profiles
  • Contact information
  • User interface- footer visibly located at the end of each page.
  • Copyright information

Contact-Us page

User Story

As a user interested in reaching out to GONEGREEN smoothie bar, I want a straightforward and user-friendly Contact Us page. This page should provide essential contact information, a contact form for inquiries, and an easy means of communication, ensuring I can connect with the smoothie bar for orders, feedback, or general inquiries.

Acceptance Criteria:

  • Clean and organised user interface
  • Contact form - includes email and user message form
  • Contact details - includes phone number and address information.

EDAMAM API

User story

As a user exploring the GONEGREEN smoothie bar application, I want a well-designed nutrition search to check diet labels and calories for food offered here.

Acceptance Criteria

  • Filter/Dropdown feature that displays smoothies based on nutrition content, and dietary requirements.
  • List of smoothie options
  • List of ingredient options with prices

Navigation-Bar

User Story
As a user exploring the GONEGREEN smoothie bar application, I want a well-organized navigation bar to effortlessly navigate through the various sections of the website. This will enable me to quickly access essential information about the smoothie bar, browse the menu, discover upcoming events, view the gallery, and easily find contact details.

Acceptance Criteria:

  • User interface
  • Navigation links- smooth transition to selected pages
  • Consistent appearance across all pages
  • Responsive design
  • Well organised code structure
  • Integration with Gatsby

Home-page

User Story

As a health-conscious individual exploring the GONEGREEN smoothie bar website, I want the main page to provide a welcoming and informative experience. This includes easy navigation to essential sections, a glimpse of the menu, upcoming events, and visually appealing content that reflects the vibrant atmosphere of GONEGREEN.

Acceptance Criteria:

  • Engaging main-page design
  • Features a Hero-section and navigation bar
  • Location sections detailing GONEGREEN smoothie bars
  • Quality images of the smoothie bar stores

Menu-page

User Story

As a health-conscious individual exploring the GONEGREEN smoothie bar website, I want to easily browse the menu and filter smoothie options based on specific ingredients, nutrition preferences, and dietary requirements. This will enable me to find smoothies that align with my preferences and dietary needs.

Acceptance Criteria:

  • User friendly page
  • Menu section
  • Filter/Dropdown feature that displays smoothies based on ingredients
  • List of smoothie options
  • List of ingredient options with prices
  • Engaging Visuals
  • Organised code structure

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.