CalcSend

Objective

CalcSend is a website that contains hundreds of commonly used equations in educational settings, whether it is trig sub or finding the wavelength of a transverse wave. Compute expert-level answers to complex calculations instantly, and contribute custom formulas to an academic community.

Minimum Viable Product (MVP)

• Display a variety subjects as categories (i.e Calculus, Linear Algebra, Physics, Discrete Mathematics, etc.)
• List of equations for any selected subject
• Display equation and enterable parameters (Inspiration)

Stretch Goals

• Easy:
  • User Authentication
  • Create your own custom formula and share it with others through a link
  • Display step-by-step on how to solve the equation
• Medium:
  • Chaining a set of equations for a final answer
  • Forum to publish custom formulas to an academic community
  • OCR Recognition: Upload a picture of a handwritten equation to be solved or converted to a custom formula
• Hard:
  • AR Feature: Display answer to equation on the phone

Resources

• Software

  • Git Bash
    • Version Control Software (For Windows)
    • Git Cheat Sheet
  • Figma
    • Free, web-based UX design tool
  • Adobe XD
    • More sophisticated UX tool (One Free Project)
  • Visual Studio Code
    • Great text editor for full stack development
    • Get Familiar With VS Code (Youtube Playlist - About 45 min)
      • No need to start coding from this video; Just watch it to see how VS Code works
    • Full In-Depth Set Up (38-39 min)
      • Watch this video when you want to properly setup and configure VS Code optimally

• Front-End Technologies

  • "The User Interface and User Experience"
  • React.js: JavaScript library for building user interfaces
    • React.js Documentation
    • Learn React.js
  • Vue.js: JavaScript library for building user interfaces
    • Vue.js Documentation
    • Learn Vue.js
  • Django: High-level Python web framework (can be used for frontend and backend)
    • Django Documentation
    • Learn Django (Make sure to read comments first)

• Back-End Technologies

  • Handles the work behind the scenes to deliver information to the user
  • Node.js: Open-source server side runtime environment
    • Node.js Documentation
    • Learn Node.js
  • Express.js: Web application framework for Node.js
    • Express.js Documentation
    • Learn Express.js
  • Django: High-level Python web framework (can be used for frontend and backend)
    • Django Documentation
    • Learn Django (Make sure to read comments first)

• NoSQL Database(s)

  • Firebase
    • Intro to Firebase Features (Youtube Playlist - About 46 min)
  • MongoDB

• API's:

  • What is An API? (3-4 min)
  • Explanation Of REST API's (8-9 min)
  • Calculations
    • Wolfram Alpha API
  • OCR Recognition
    • MathPix
    • Google Cloud Vision API