Code Monkey home page Code Monkey logo

love-running's Introduction

Love Running

Love Running is a site that hopes to help keep people motivated to meet up for runs on a regular basis in Dublin, Ireland. The site will be targeted toward runners who are looking for a way to socialise and keep themselves fit. Love Running will be useful for runners to see exactly when and where they should be to join the running club.

Responsive Mockup

Features

  • Navigation Bar

    • Featured on all three pages, the full responsive navigation bar includes links to the Logo, Home page, Gallery and Sign Up page and is identical in each page to allow for easy navigation.
    • This section will allow the user to easily navigate from page to page across all devices without having to revert back to the previous page via the ‘back’ button.

Nav Bar

  • The landing page image

    • The landing includes a photograph with text overlay to allow the user to see exactly which location this site would be applicable to.
    • This section introduces the user to Love Running with an eye catching animation to grab their attention

Landing Page

  • Club Ethos Section

    • The club ethos section will allow the user to see the benefits of joining the Love Running meetups, as well as the benefits of running overall.
    • This user will see the value of signing up for the Love Running meetups. This should encourage the user to consider running as their form of exercise.

Club Ethos

  • Meetup Times section

    • This section will allow the user to see exactly when the meetups will happen, where they will be located and how long the run will be in kilometers.
    • This section will be updated as these times change to keep the user up to date.

Meetup Times

  • The Footer

    • The footer section includes links to the relevant social media sites for Love Running. The links will open to a new tab to allow easy navigation for the user.
    • The footer is valuable to the user as it encourages them to keep connected via social media

Footer

  • Gallery

    • The gallery will provide the user with supporting images to see what the meet ups look like.
    • This section is valuable to the user as they will be able to easily identify the types of events the organisation puts together.

Gallery

  • The Sign Up Page

    • This page will allow the user to get signed up to Love Running to start their running journey with the community. The user will be able specify if they would like to take part in road, trail or both types of running. The user will be asked to submit their full name and email address.

Sign Up

Testing

Validator Testing

  • HTML
    • No errors were returned when passing through the official W3C validator
  • CSS

Deployment

  • The site was deployed to GitHub pages. The steps to deploy are as follows:
    • In the GitHub repository, navigate to the Settings tab
    • From the source section drop-down menu, select the Master Branch
    • Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

The live link can be found here - https://flashdrag.github.io/love-running/

Credits

The project was created based on tutorials Code Institute’s course: Diploma in Full Stack Software Development
All used contents are from Code Institute and Code-Institute-Solutions

love-running's People

Contributors

pavlo-myskov 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.