Lingua

Description:

• Welcome to Lingua! Lingua is a repository of FREE language learning resources for all language learners. Login using Google Oauth and get started on your language learning journey today! With Lingua you can: (1) Create your own profile, (2) View our extensive repository of FREE language learning resources, (3) Save your favorite resources to your profile for easy access, (4) Create, edit, and delete your own resources from the repository.
  
  

Getting Started:

Click here to access the latest growing repository for FREE language learning resources.

• Login to the website via Google OAuth
  
• Click on "Home" to view the latest resources added to the repository.
  
• Click on "Profile" to view your personal profile, including your favorite resources, your bio, as well as an upcoming flashcard review feature!
  
• Click on "Browse Languages" to view our master list of languages. Click on the language of your choice and select either "Dictionary", "Grammar", "Reading", "Writing", "Speaking" or "Listening" to access FREE resources, respectively. You can edit or delete resources that you have added as well.
  
• Click on "Add New Resource" to add a new resource to the language of your choice!
  

Screenshots:

• Below is an example wireframe for the website:
  
  

• Below is a screenshot of the webite upon logging in:
  
  

• Below is a screenshot of the user's profile page:
  
  
  

• Below is a screenshot of the "Browse Language"page:
  
  
  

• Below is a screenshot of the "Add New Resource" page:
  
  
  

User Stories

- AAU, I want to be able to click "Home" so that I can return to the landing page, click "Profile" so that I can view my own profile and to click "Browse Languages" so that I can view an index of all languages.
- AAU, I want to add, delete, and/or edit the languages I am currently learning so that I can get access to the resources for that language.
- AAU, I want to add new languages to the "Browse Languages" index page so that I can start collecting and viewing resources for that language.
- AAU, I want to view the resources under the languages I'm learning so that I can like/favorite certain resources.
- AAU, I want to add new resources to the languages that I am learning, including name, resource link, resource description, and an image (if possible) so that I can share them with the community.

Technologies Used:

• JavaScript
  
• HTML
  
• CSS
  
• Git
  
• Node.js
• MongoDB
  
• Google Oauth
  
• Mongoose
  
• EJS/Express
  
• Heroku
  
  

Next Steps:

• Add functionality for users to add and review flashcards on their profile
  
• Add Scoreboard functionality to track users with the most reviews for each day
  
• Clean up CSS on "Browse Languages" page to have the languages on the left side of the page and the input field on the right side of the page
  
• Add functionality to update Profile bio
  
• Add images to each resource
  
• Get delete button inline with language headers