This is a full stack webapp that allows users to create and share flashcards. It was created for people to come and share study notes with one another. It utilized MongoDB with Graphql and Apollo to handle the database. The webpage is built using React, and styled with animate.css, and typewriter-effect. It also utilizes jsonwebtoken and bcypt to handle user logins. This application was deployed using Heroku.
This is the url for the homepage. To use this application, you would first need to log in or create a user account by either clicking on the “study now” button at the center of the page, or go to “login/signup” in the navbar at top of the page. Once logged in, you will be taken automatically to the main page where you can see all the flash card decks created by all users. Clicking on the deck will allow you to view the cards that are inside the deck. Each card will have a “term” side and “definition” side, and clicking on the card will allow you to “flip” the card. Right and left arrow key will allow you to navigate through the cards. If you are the creator the deck, you can click on the “edit cards” button below the card to edit the cards inside the deck. Clicking on “User Page” on navbar will allow you to see the list of decks you made. Clicking on “Create New Card set” button will allow you to create a new deck of cards. “Logout” button on navbar will allow you to logout, returning you to homepage.
- Add search/filter feature to main page.
- Add a feature to favorite a user.
- Add feature to favorite a deck.
- Add a functioning “forgot password” button to handle user credential editing.
- View/Hide feature for card to skip certain card you no longer want to view.
- Create more options for how users can view and navigate through the cards.
- Alex Nguyen @monstergog
- Keiji Onishi @meekunn1
- Marinah Tamura @Marinah1031
- Muzzammil Nawab @YaBoiAli