Giter VIP home page Giter VIP logo

lemons's Introduction

Lemons

"Delicious lemons".

First of all who doesn't like lemons! Lemons are the source of health and happiness. This webpage makes it easy to order lemons and maybe understand more about this amazing fruit. You will find plenty of information about lemons and you will get the chance to learn how to make Lemonade!

--------------------------------------------

Users Experience

User stories

  • First Time Visitor Goals

  • As an individual who has interest in health and benefits of vitamins, I want to see attractive pictures of lemons

  • As an individual who has interest in health and benefits of vitamins, I want to see easy meniu selection and understandable layout.

  • As an individual who has interest in health and benefits of vitamins, I want to see visual presentations of lemons

  • As an individual who has interest in health and benefits of vitamins, I want to see relevent infomation about this fruit

Returning Visitor Goals

  • I want to find relevent infomation about where to get lemons.
  • I want to find most sutible way to get in touch if I have any questions.
  • I want to find links that I can benefit from.

Frequent User Goals

  • I want to check for updated recipes
  • I want to find new links for relevent events
  • I want to check for locations and places where you can buy lemons

Owners site goals

  • Deliver users understadning of passion for heath and nutrition
  • Connect people whos has same interested in that field.
  • Show image owner capabilities.
  • Show life style .

Imagery

--------------------------------------------

Features

  • Resposive on all devices
  • Interective elements
  • colorful images
  • About

--------------------------------------------

Languages

--------------------------------------------

Frameworks, Libraries & Programs Used

  1. Bootstrap 5.0.1

    • Bootstrap was used to make better responsiveness and styling of the website.
  2. Google Fonts

    • Google Fonts was used to import Special Elite, cursive font in the style.css file witch is used to all pages.
  3. Git

    • Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
  4. GitHub

    • GitHub is used to store the projects code after being pushed from Git.
  5. Photoshop

    • Photoshop was used to re-size the images and editing photos.
  6. Balsamiq

    • Balsamiq was used to creat wireframes during design process.

Testing

Lighthouse results:

Lemons

The W3C Markup Validator and W3C CSS Validator Services were used to validate every page of the project to ensure there were no syntax errors in the project.

Testing User stories

  • First Time Visitor Goals

    i. As a First Time Visitor, I want to easily understand the main purpose of the site and learn more about the organisation.

      a. Upon entering the site, users are automatically greeted with a clean and easily readable navigation bar to go to the page of their choice.
      b. The main point are made. with the hero image.
      c. The users are presented with 5 ptions to easy navigate throught page.
    

    ii. As a First Time Visitor, I want to be able to easily be able to navigate throughout the site to find content.

      a. The site has been designed for a clear understanding for users, all options located in the same space with clear font and clear colors.
      b. At the bottom user will find clear usable icons for social media, user can use "home" to navigate back to the homepage. 
    

Returning Visitor Goals:

    a. As a returining user i want to find updated pictures, maybe an option for a gallery in the Future. 
    b. As a returining user i want to find links for more recipies.

Frequent User Goals:

    a. Frequent users will be able to find new information on Lemons.
    b. Frequent users will have the opportunity to view updated images.
    c. Frequent users will be given more information about nutrition benefits.

Further Testing:

a. Mobile version testing (Oneplus7pro, Iphone7/8/9/10.., Ipad pro, I pad ) b. Browsers test ( firefox, internet explorer, google chrome, brave, opra.) c. Testing web site was commited by friends and family members, to check sites responsiveness and layout. d. Night mode on mac and windows.

Credits

  • Stackoverflow - thank you to this amazing community for possibility to get good info.
  • W3schools - one of the best library of explanation and tutorials.
  • Bootstrap - Using this amazing library of codes it was a big help.
  • Codeinstitute - big thanks to code institute for creating this amazing program to learn coding !!!!!!
  • Jquery - Using this amazing library of codes it was a big help.

lemons's People

Contributors

gwidas avatar

Watchers

 avatar

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.