Coder Social home page Coder Social logo

orinoco's Introduction

Project-5 Open Classrooms

Screenshots ➡️ Click Here

Google Lighthouse Reports ➡️ Click Here

Project Overview

Sheila, a friend of yours from school, called you last week, telling you she has been approaching investors for her new online sales business, Orinoco.

The Orinoco logo includes the company name and an image of a shopping cart.
Company Logo

As opposed to an Amazon-style, one site-sells-all web app, Sheila wants to set up specific, themed apps which only sell one group of products each. She knows that you work in web development, so of course she thought of you and was happy to hear that you were interested in contributing.

Now, a week later, you’ve received a follow-up email:


From: Sheila

To: Me

Subject: Orinoco


Hi,

I’ve got some great news! Remember my new online sales business I told you about, Orinoco? Well, I managed to secure investment for it!

We need an initial MVP to demonstrate to the investors. I already have someone working on the back end, but immediately thought of you for the front end after our conversation. The investors highly value testing, so if you could also create a test plan at least for the front end to show that it’s part of our roadmap, that would be incredibly helpful.

Attached you’ll find the software requirements specification.

My back-end developer has already set up APIs for three themed stores. For this first phase, I’ll need the front end for just one of them, so feel free to choose whichever store inspires you the most: handmade teddy bears, vintage cameras, or oak furniture.

Looking forward to working with you!

Sheila

Attachment:


Excited to help Sheila’s business take off, you dive straight into building the app!

Deliverables

  1. The link to a public Git repo containing the code for the web application. The mentor and the assessor must be able to clone the repo, open index.html, use the fully functioning app, and confirm that any user input is validated.
  2. A test plan.

Presentation

You'll do an oral presentation of your project with an assessor in order to imitate real-life conditions. Your assessor, in this case, will play the role of the client (your friend, Sheila). Your evaluation session will proceed as follows:

Presentation of deliverables (15 minutes)

  • Explain both your creative choices in designing your online store and your technical choices in how your app uses the functionalities you have learned in JavaScript.
  • Explain your development process, i.e., how you implemented progressive improvements throughout development of the app.

Discussion (10 minutes)

  • Playing the role of client, the assessor will ask you questions about your methodology and your deliverables. The assessor will challenge your decisions, so be prepared to defend your work. At the end of the session, the assessor will stop playing the role of client so that you can debrief together.

Skills

⚒ Ensure data quality using data validation and cleaning

⚒ Create a test plan for an application

⚒ Interact with a web service using JavaScript

⚒ Manage website events with JavaScript

Screenshots

Home Page

Orinoco home page screenshot

Product Page

Orinoco product page screenshot

Cart Page

Orinoco cart page screenshot

Confirmation Page

Orinoco confirmation page screenshot

Light House Reports

Home Page

Home Page Lighthouse Report

Product Page

Produt Page Lighthouse Report

Cart Page

Cart Page Lighthouse Report

Confirmation Page

Confirmation Page Lighthouse Report

orinoco's People

Contributors

jjoslin07 avatar

Stargazers

 avatar

Watchers

 avatar

orinoco's Issues

Add multiple quantities to cart

When selecting multiple quantities to add to cart, the functionality does not work. The alert will display the correct amount of quantities and the local storage will receive the correct amount. However, the quantity is not being pushed to the cart.

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.