Skip to content

m1771vw/StudyBuddies

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Study Buddies

Study Buddies is a web application that allows users to create, study, and quiz themselves on flashcards.

Table of Contents

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

In order to run this project, you need to have Node.js installed. To tell if you have it installed, open your Command Line/Terminal and type the following:

$ node -v
v10.x.x

Downloading The Project

To begin setting up the project, either download the project by clicking here or by cloning the project:

$ git clone https://github.com/m1771vw/StudyBuddies
$ cd StudyBuddies

Setting Up The Front End

Navigate to the root of the project folder and run npm install:

$ npm install

After the dependencies have been installed, you can start the project.

Running The Project

To run the project, you will need to be in the StudyBuddies directory.

Run npm start.

To confirm the frontend has started, you should be greeted with this screen.

Home Page

Using Study Buddies

To login, first make an account by pressing the Sign Up button in the top right corner of the header, or the Sign up for free button on the home page.

Sign Up Page

After making an account, it should re-direct you to the login page.

Log In Page

If you logged in successfully, you will be re-directed to the dashboard. You should see some pre-seeded data on the dashboard.

Dashboard

You can press on the white + cardset to create a new cardset. Add the title of the cardset, description, and the card terms and definitions as necessary. If you are adding more than 4, you can press the + to add more rows. Once you're finished, pressed Submit Set.

Create Card Set

After creating a cardset, it will redirect you to the cardset details page.

Card Set Details

Here, you can study the cards by hovering over them to see the definition to the term.

Card Set Details

You can press the Quiz button to quiz yourself on your cards.

Card Set Details

Built With

Authors

  • William Yang - Initial work - m1771vw
  • James Park - Initial work - jaamz

Contributors

You can look here for a list of contributors for the project.

Similar Projects

About

Flashcard Web Application written in ReactJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published