Skip to content

Full MERN Stack Project for learning the ASL alphabet, numbers, and basic signs.

Notifications You must be signed in to change notification settings

spacepumpkin/Signsetta

Repository files navigation

LIVE SITE

Documentation

Welcome to Signsetta!

Go to The Wiki

Signsetta is a visuals-heavy app that teaches you basic ASL with lessons that can dynamically be tailored to the user. When a user is not logged in they will be able to use a search bar on the splash page to look up letters of the alphabet and numbers 1-10. Logged in users can view a profile page that is populated by flashcards of signs that they are studying. Logged in users can also see a card index, categories of flashcards, and play a special sign language game called "fingerspelling practice" to test their knowledge of sign language.

Please take a look!

Specs

Node Version: 10.13.0

React Version: 17.1.0

Instructions for how to run the suite

Start out by running npm use to set the project node version to 10.13.0

    npm use

Then install in the root directory and in the frontend folder.

    npm install

Start up webpack using either npm start or npm webpack in the frontend folder.

    npm start

Open up another terminal and run the server in the backend by navigating to the root directory and running npm run server. You should see message that states that you have connected to MongoDB successfully.

    npm run server

Congrats! You have successfully ran Signsetta! Go to localhost:3000 to see the site.

Features

  • Search on the main page for a specific card

  • Once signed in, have access to all the cards, cards by category, and your own saved cards.

  • Flip cards over with just a single click

  • Play a fingerspelling game to solidify what you've learned and put your knowledge to use.

  • Adjust the speed that letters appear, or change the length of your practice word.

Future Additions to the Project

  • Going beyond flash cards with basic lessons to get users started

  • Additional practice games

  • Additional styling to unify the website theme

Team Members

Brandon Leong | Bella Sandoval | Malcolm Reyes | Gary Wan

Photos by: Sarah Pflug(https://burst.shopify.com/@sarahpflugphoto) and Malcolm Reyes

About

Full MERN Stack Project for learning the ASL alphabet, numbers, and basic signs.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •