Git Product home page Git Product logo

alejandroq12 / polyglot-talk Goto Github PK

View Code? Open in Web Editor NEW
20.0 2.0 0.0 2.73 MB

As a polyglot who speaks French, Spanish, English, and Chinese, I am excited to share my experiences and insights on the importance of language learning in today's global society. In my talk, I will explore how learning multiple languages can broaden our perspectives, foster empathy and understanding, and open up new opportunities.

Home Page: https://alejandroq12.github.io/polyglot-talk/

License: Other

HTML 17.16% CSS 78.86% JavaScript 3.98%
accessibility css dom-manipulation event-listeners html javascript linters media-queries responsive-web-design version-control

polyglot-talk's Introduction

Polyglot Talk: Connecting Cultures through Language Learning.

logo

Polyglot Talk: Connecting Cultures through Language Learning

๐Ÿ“— Table of Contents

๐Ÿ“– Polyglot Talk: Connecting Cultures through Language Learning

As a polyglot who speaks French, Spanish, English, and Chinese, I am excited to share my experiences and insights on the importance of language learning in today's global society. In my talk, I will explore how learning multiple languages can broaden our perspectives, foster empathy and understanding, and open up new opportunities for personal and professional growth.

Drawing on my own experiences as a language learner, I will share practical tips and strategies for effective language learning, including how to choose the right materials, practice speaking with confidence, and immerse yourself in the target language and culture. I will also discuss the latest trends and technologies in language education and how they are shaping the future of language learning.

Whether you are a language learner, teacher, or simply interested in the power of language to connect people and cultures, this talk is for you. Join me and become part of the global movement for multilingualism and cross-cultural understanding.

๐Ÿ›  Built With

Tech Stack

Client

Key Features

  • A fully functional website
  • Mobile first website
  • Only using semantic HTML

(back to top)

๐Ÿš€ Live Demo

(back to top)

๐Ÿ˜Ž Loom walkthrough

(back to top)

๐Ÿ’ป Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

In order to run this project you need:

  1. A web browser to see the website.

  2. And a code editor if you want to edit the code. For example, Vs Code.

Setup

Clone this repository to your desired folder:

  1. Clone it using your terminal:
git clone https://github.com/Alejandroq12/polyglot-talk.git
  1. If the previous method does not work you may also download the repo as a .zip file and once you decompress the .zip file you are ready to use it.

Important: do not forget to clone the repo in the correct folder, probably you will use the following commands to achieve that in your terminal:

  1. To navigate a certain folder:
cd <folder name>
  1. To navigate to the previous folder:
cd ..

Install

Install this project with:

  1. To see this project you will not need to install something else.

  2. But in case you want to test the linter that I configured to check errors you will have to complete the following steps:

npm init -y
npm install --save-dev [email protected]
  1. If you run npm install do not forget to create a .gitignore file to prevent the node_modules to be uploaded to GitHub:
.gitignore
node_modules/

Usage

To see this project you will only need to:

  1. Open the index.html file with a web browser.

Run tests

  1. Make sure all the linters and their configurations are installed and set up correctly in your project. If you haven't installed them yet, run npm install in your project directory to install the packages listed in your package.json file.

  2. Run each linter with the following commands:

  • For ESLint:
npx eslint .

  • For Stylelint:
npx stylelint "**/*.css"

  • For hint:
npx hint .

  1. Review the output of each linter and fix any issues reported.

Deployment

You can deploy this project using GitHub pages:

  1. Log in to your GitHub account and navigate to the repository that contains your website files.
  2. Make sure that your website files are located in the main branch and in the root directory of the repository.
  3. If your website is not already live, make sure that the index.html file is the main page of your website.
  4. Click on the "Settings" tab in your repository.
  5. Scroll down to the "GitHub Pages" section.
  6. In the "Source" dropdown menu, select the branch where your website files are located. For a simple website with only HTML and CSS, this is typically the main branch.
  7. In the "Path" field, make sure that the root directory is specified (i.e., "/").
  8. Click "Save" to generate your website.
  9. Wait a few minutes for GitHub to build and deploy your website.
  10. Once the website is deployed, visit the GitHub Pages URL to view your site.

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Julio Quezada

(back to top)

๐Ÿ”ญ Future Features

  • I will add a contact form
  • I will add media queries for larger screens
  • I will use JavaScript to add more interactivity

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like this project please give a star. Thanks in advance.

(back to top)

๐Ÿ™ Acknowledgments

I would like to thank Wes Bos because I learned how to implement flexbox with his free tutorial:

Original design idea by Cindy Shin in Behance: CC Global Summit 2015.

  • The Creative Commons license of the design requires that I give appropriate credit to the author. Therefore, I acknowledge the contribution of Cindy Shin for providing the original design idea used as a basis for this project.

(back to top)

โ“ FAQ (OPTIONAL)

  • Are you goin to use React in the future?

    • Yes! I will transform this website into a React App.
  • Did you create this website from scratch?

    • Yes! From zero, and I will improve it a lot.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

polyglot-talk's People

Contributors

alejandroq12 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  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.