Giter VIP home page Giter VIP logo

swd-p1-meetup's Introduction

Project 1: Meet-up Event Planner

Udacity - Senior Web Developer Nanodegree

The application allows you to name your event, search for a host location (using a location API like Foursquare), set the capacity of the event, the start and end times, and input a description of the event.

Features

  • Account creation, event creation and event display
  • It is a joy to use on both desktop and mobile. On mobile, all forms are fully functional and react to touches naturally.
  • The app is accessible (all forms are understandable while using a screen reader)
  • The user experience is enhanced with prompts (labels, placeholders, error messages, etc) that appear in logical order and are phrased in friendly, human language.
  • The inputs are kept to minimum to keep the end user happy and they are instantly validated (not later than on blur) keeping the user informed and avoiding submitting invalid information.
  • Forms can be prefilled with existing user data.
  • All input have appropriate types and are labeled (even if only for screen readers).
  • The autofocus is applied to the first field above-the-fold.
  • The required fields are kept to minimum

Technical details

License

Copyright © 2016 Rafal Szczypka. This source code is licensed under the MIT license.


Project maintained by Rafal Szczypka

Instructions

  1. Clone repo

    git clone https://github.com/rszczypka/swd-p1-meetup.git

  2. Install dependencies

    npm install

  3. Make build

    npm run build

  4. Run development server

    npm run dev

    Development server should be running at http://localhost:8080/

List of techs

Scripts

  • npm run build

    Bundles the application

  • npm run dev

    Starts webpack development server

  • npm run lint

    Runs the linter

  • npm run deploy

    Creates the production ready files

  • npm run clean

    Removes the bundled code and the production ready files

swd-p1-meetup's People

Contributors

rszczypka avatar

Stargazers

Ian McAllister avatar

Watchers

James Cloos avatar  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.