Giter VIP home page Giter VIP logo

nailproject's Introduction

SEI Project One: Nail Website

Description

This application creates a website that allows clients to create accounts and schedule various services at a nail salon. It also saves the client’s appointments within their account.

Technologies Used

  • We utilized CSS for the website’s appearance and formatting.
  • EJS for website requests. (get, post, etc.)
  • JavaScript for controllers and models.

Challenges Faced

A challenge we faced was managing both the formatting of the website while still adding additional functionality features to it.

Future Features

  • We hope to implement a feature that blocks out time slots if they’ve already been scheduled.
  • We want to allow customers to leave reviews and pictures of their finished services.

User Stories

Home Page

  • NavBar
    • As a user, when I click "Book Appointment" I want to be directed to the Service Selection page.
    • As a user, when I click the Appointment List, I want to be directed to the Appointment List page.
    • As a user, when I click "Logout" I want to receive a confirmation message that I have logged out.
  • As a user, when I click "Signup" I want to be directed to the Sign Up page.
  • As a user, when I click "Login" I want to be directed to the Log In page.

Service Selection Page

  • NavBar
    • As a user, when I click "Book Appointment" I want to be directed to the Service Selection page.
    • As a user, when I click the Appointment List, I want to be directed to the Appointment List page.
    • As a user, when I click "Logout" I want to receive a confirmation message that I have logged out.
  • As a user, when I click on a service, I want to be directed to the Create Appointment page.

Create Appointment Page

  • NavBar
    • As a user, when I click "Book Appointment" I want to be directed to the Service Selection page.
    • As a user, when I click the Appointment List, I want to be directed to the Appointment List page.
    • As a user, when I click "Logout" I want to receive a confirmation message that I have logged out.
  • As a user, when I fill in the inputs and click the "Book Appointment" button, I want to be directed to the All Nail Appointments page, where my appointment information will be listed.

All Nail Appointments Page

  • NavBar
    • As a user, when I click "Book Appointment" I want to be directed to the Service Selection page.
    • As a user, when I click "Logout" I want to receive a confirmation message that I have logged out.
  • As a user, when I select "Edit Appointment", I want to be directed to the Edit Appointment page.
  • As a user, when I select "Delete", I want to delete the respective appointment.

Edit Appointment Page

  • NavBar
    • As a user, when I click "Book Appointment" I want to be directed to the Service Selection page.
    • As a user, when I click the Appointment List, I want to be directed to the Appointment List page.
    • As a user, when I click "Logout" I want to receive a confirmation message that I have logged out.
  • As a user, when I edit any information on the Edit Appointment page, I want to see that updated information confirmed when I click "Update Appointment".

Appointment Confirmation Page

  • NavBar
    • As a user, when I click "Book Appointment" I want to be directed to the Service Selection page.
    • As a user, when I click the Appointment List, I want to be directed to the Appointment List page.
    • As a user, when I click "Logout" I want to receive a confirmation message that I have logged out.
  • As a user, I want to see my updated appointment information on this page.

Wireframe

Image of Wireframe

What was your motivation? Why did you build this project? What problem does it solve?

This project was assigned to allow us to build a full stack web application using Express, Node, EJS, Mongoose, and MongoDB. It will allow clients to make and change their appointments at a hypothetical nail salon, without having to call or be on hold with the staff. It also allows staff to focus on providing services, rather than taking calls for appointments.

Screenshots of the App?

nailproject's People

Contributors

meganroberta80 avatar stephanyburden 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.