GithubHelp home page GithubHelp logo

kaohman / js-proto-fun-time Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 2.29 MB

A React app that allows users to practice and solve simple Javascript prototype method problems.

Home Page: https://kaohman.github.io/js-proto-fun-time/

HTML 4.51% CSS 16.96% JavaScript 78.53%

js-proto-fun-time's Introduction

jsProtoFunTime

Set-Up Front-End:

Clone this repo
Run npm install from the root directory
Run npm start and visit localhost:3000 in your browser

Background / About:

This project focused on building a web app to help Turing School students study content they are learning in class. The focus of this project was to create a dataset of problems involving Javascript prototype methods and allow the user to solve the problems in three logical steps.

  • Step 1: Read the problem.
  • Step 2: Pick the prototype method to solved the problem.
  • Step 3: Code out the problem and evaluate your code to check against the solution. This project will teach students how to apply prototype methods to a problem and also help them memorize prototype methods that are useful in an Javascript based application.

Primary Technologies Used:

  • React
  • Javascript
  • HTML
  • SASS
  • CodeMirror

Testing:

Jest and Enzyme for front-end testing.
Run npm test from the root directory

Enhancements:

Additional enhancements we would like to include in the future

  • Give user more feedback on code when their answer is correct
  • Update dataset to fix errors in data and add more problems.

Screenshots:

App screenshot

Original Assignment:

Memoize project from Turing School of Software and Design

Contributors:

Karin Ohman

Wireframe:

Original wireframe

js-proto-fun-time's People

Contributors

kaohman avatar

js-proto-fun-time's Issues

Add more info for user on code

In Step 3, add more information in response to the user when they click check answer and their answer is incorrect. Ex. the result of their code and/or any console logs they have included.

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.