Giter Site home page Giter Site logo

vm799 / wordle-fun Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 57 KB

Building a second clone with fun customisations for my children to play that can be run on their devices responsively

Shell 0.38% SCSS 21.92% CSS 30.03% JavaScript 43.08% HTML 4.60%

wordle-fun's Introduction

Wordle Clone

CREDITS: Ania Kubow https://www.youtube.com/watch?v=mpby4HiElek Jessica Chan https://www.youtube.com/watch?v=PNGgQzw6PQg #RAPID API: Used Random words and Word dictionary API from RAPID API hub

PROBLEM: As the craze took off, I wanted to play WORDLE more than once a day and decided to code it for myself and my children.

I watched a few videos on different ways to approach the problem and started with CODER CODER (Jessica Chan) who helped me learn about Yeoman and Sass compiler boilerplate. Ania Kubrow taught me how to problem solve with JS.

TEMPLATES/LANGUAGES/FRAMEWORKS USED: #YEOMAN generator- this was my first exposure to website generators and scaffolding, it made me want to learn more and create a todo react app with the tutorial on the website.

#GULP sass compiler

#AXIOS

#EXPRESS

#CORS

#DOTENV

CHALLENGES: I have been used to creating SASS folders froms cratch and was a bit thrown by the template at first but found it very useful.

Not being familiar with gulp made it tricky but I decided to continue without it as a compiler and focus on the JS.

The backend code was very new to me having focussed on the frontend but it was fascinating and I look forward to learning about the packages I used in more detail.

The APIs were fun to use but I couldn't get the dictionary API to connect up- I need to go back and focus on this with more learning

uploading to github pages was tricky but I learned about file/folder structure and importance of file/folder nomenclature

FUTURE LEARNING: -Learn more about how I can utilise gulp -Build out the dictionary API -Learn more about good folder naming practices

wordle-fun's People

Contributors

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