Giter Site home page Giter Site logo

lingua's Introduction

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:
    Wireframe

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

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

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

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

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

lingua's People

Contributors

mu2ku avatar

Stargazers

 avatar

Watchers

 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.