EASY TENNIS

• Tennis is a difficult sport but it does not have to be that for the members.

• This is a local tennis clubb website for the local community that offers an easy method and funny way to play tennis.

• The website is mainly for all people living in the community: Seniors, adults, youth and children.

• The Website consists of three pages:

• Home page, consist of "why they should play tennis with us" and a weekly time schedule the club offer.

• Play page, with an explanation of all tennis programs that the club offers that is easy to choose from.

• Sign Up page, with a sign up form to submit their interest.

• All pages have contact info, social media, and a navigation bar to all pages so it is easy to follow or contac the club.

• The reason to dark and light blue color is beacuse it is the color of Dublin.

Features

• Here you will find the user features and the related screenshot of the website.

Existing Features

• Navigation Bar

  • To make it easy for users to navigate through the site there is a navigation bar on the top of every page. Here you can find the club logo which include a link to start page on the left and on the right the menue where you can "click" yourself to the different pages: Home, Play and Sign Up.

• The landing page image

  • Here is an image with an eye cathing text "why they should play tennis with the club".
  • The image has an tennis ball to focus on the method the club use.
  • There is three main benifits for the user that is highlighted and an invite to action.
  • The three main benifits is:
  • A method to play directly and that the secret is to choose the right ball
  • A healty reason
  • A social reason
  • And then invite to learn more and sign up.

• Weekly Schedule Section

  • In this section the user can see all the club offer in a weekly table including day, time and program. There is also a text that invite you to learn more about the programs of the club to make it easy to choose from.

• The Footer

  • To make it easy to contact or follow the club on social media there is a footer created on the botom of every page. Here the user can find phone numer and an adress if they the user want to visit the club.
  • They can also find the social media of the club by follow the links in the footer.

• Play

  • Play page consist of two main sections, Play image and the tennis programs that the club offer to the user

• The Play page image

  • The image has an tennis ball to focus on the method the clubb use with a offer to test or join the club with an action to sign up.
  • 

  

• Easy tennis programs

  • Here you can see what each program is about and what is included.

  • The user can see who is the trainer, playtime and number of player per court.

  • They can also see starting times, finnih time, when the food is served.

  • There is also a short slogan for every program to make it easy to choose right program.

    =======

• The Sign Up Page

  • This page will allow the user to get signed up. The form collects 4 types of information. Personal data, Address details, Program details and Questions.
  • In the Sign Up form the user can choose program they are intressted in.
  • How much they want to play and which days the user prefer.
  • There is also a field for the user if there is any questions.
  • The club also need these details to be able to contact them, to see if they have capacity for the requested programs and billing information.

=======

Testing

Manuall Testing

• Browsers: how your project looks and works on different browsers.
• Responsivness in different devices: how your project looks and works on different screen sizes.
• Sign up form: go over sign up form features to ensure that they work as intended.
• Links: go over links features to ensure that they work as intended.
• Menus: go over menu features to ensure that they work as intended.

Buggs

• Fixed buggs: No Fixed buggs
• Unfixed buggs: No unfixed buggs
• other problems:"Style flexbox", "Style fieldset"

Validator Testing

• HTML
  • No errors were returned when passing through the official W3C validator
• CSS
  • No errors were found when passing through the official (Jigsaw) validator
• CSS
• Accesibility =======
• CSS
  • No errors were found when passing through the official (Jigsaw) validator
• CSS
• Accesibility

Deployment

This section should describe the process you went through to deploy the project to a hosting platform (e.g. GitHub)

• The site was deployed to GitHub pages. The steps to deploy are as follows:
  • In the GitHub repository, navigate to the Settings tab and enter the repository name
  • From GitHub Pages bellow Build and deployment the source section drop-down menu, select deploy from a branch and branch main
  • The link will be found at "Your site is live at" the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

You will find the easy tennis project here: https://github.com/ojjja/easy-tennis

The site is live at https://ojjja.github.io/easy-tennis/

• The link will be found at "Your site is live at" the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

You will find the easy tennis project here: https://github.com/ojjja/easy-tennis The site is live at https://ojjja.github.io/easy-tennis/

Credits

In this section, reference where I got the content, media and extra help from.

Content

• The icons in the footer were taken from Font Awesome
• Navigation was taken from Love Running
• Inspiration was taken from Love Running and coffe house
• Flex was taken from www.w3schools.com/css
• Read me file taken from Love Runnig
• required pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" in sign up form was taken from www.w3schools.com/css
• social media in footer was taken from Love running
• fieldset was taken from www.w3schools.com/css

Media

• The photos used on the home and sign up page are from Pexelshttps://www.pexels.com

Mentor

• The tennis ball piture.
• Links for Picture to choose from.
• All errors and solutions tips regarding sign up form
• Tips for searching on internet.
• All other the tips from my mentor meeting that I recived