Giter VIP home page Giter VIP logo

lambda-cards's Introduction

Lambda Cards

Overview

Lambda Cards is a flashcards web app designed to study for the Lambda School web core interview. It shows the student a random question using Fisher-Yates, encourages the student to use active recall to answer the question, and uses card flipping functionality to display the answer in the back of the card.

Check it out at lambdacards.com

Getting Started

The base technologies are JavaScript, HTML and CSS. The frontend leverages React, the backend uses Express and SQLite and the app lives on Heroku.

Developer Instructions

  1. Create a forked copy of this project
  2. Clone a version to your local repository
  3. From the root directory in your terminal:
    1. Create a an environment file (.env) and declare NODE_ENV=development and PORT=5000[1]
    2. Add the .env to your .gitignore
    3. Download the server dependencies by running npm install
    4. Start up the server by running npm run server
  4. From the frontend directory in your terminal:
    1. Download the frontend dependencies by running npm install
    2. Start up the app by running npm start
  5. Happy hacking... and when you're ready, share it or pull request me!

Feedback

If you've made it this far, I bet you have some feedback (ideas, insights, improvements, criticisms, maybe even a good ol' fashioned rant). I would welcome any and all of it. I like being the filter of my noise so even if you think it may not be useful, send it along. I'll be grateful.

Thanks for checking out the project.

Notes

[1] You may run the backend server in a different port. If you do, make sure to update your local API call in the frontend action creator.

lambda-cards's People

Contributors

dgamboa avatar joshuasamaniego 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.