Giter VIP home page Giter VIP logo

ratheshan03 / javascript-projects-for-beginners Goto Github PK

View Code? Open in Web Editor NEW
29.0 1.0 18.0 38.77 MB

JavaScript Projects for beginners. Animation card, Analog clock, BMI calculator, Calculator, Countdown, Dynamic Calendar, Music player, Parallax website, Temperature converter, Todo list, Weather app, Weight converter.

License: MIT License

JavaScript 52.66% HTML 20.53% CSS 26.82%
javascript html5 css3 js-projects js-beginner javascript-best-practices hacktoberfest open-source contributions-welcome javascript-applications

javascript-projects-for-beginners's Introduction

JavaScript Projects for Beginners πŸš€

Sharpen your JavaScript skills by building projects using Pure JavaScript without any frameworks. All projects are well structured with comments for explainations and it is very easy to understand every bit of code.

Project List:

  1. 3D Card Animation πŸ˜ƒ


  2. Analog Clock πŸ•™


  3. BMI Calculator πŸ“²


  4. Calculator πŸ“±


  5. Countdown ⏲️


  6. Dynamic Calendar πŸ“…


  7. Music Player 🎡


  8. Parallax Website πŸ€


  9. Temperature Converter 🌀️


  10. Todo list πŸ“–


  11. Weather App β›ˆοΈ


  12. Weight Converter πŸ™‡β€β™‚οΈ


And Many more to come... ❕ ❗

If u liked my projects and the code was useful to you, feel free to leave a star (much appreciated πŸ˜ƒ), fork it and customize the projects as you like! :)

Thankyou.

Contributions

Check our contribution guidelines and start open sourcing Contibutions-file.

⏩ This Repo is Licensed under the MIT License.

javascript-projects-for-beginners's People

Contributors

doboianh avatar lcnhut070200 avatar maximun3213 avatar ratheshan03 avatar

Stargazers

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

Watchers

 avatar

javascript-projects-for-beginners's Issues

Develop a JavaScript Tic-Tac-Toe app.

### Requirements:

  • Create a Tic Tac Toe for 2 Players.
  • Show scores of the Players.

Bonuses πŸŽ‰πŸŽ‰:

  • Make it for One Player.
  • Show win or Loose on the set of 5 games.

Any number of people can work on a single issue,
This issue is open to all.

Check the CONTRIBUTION.md before making your contributions
Happy Coding πŸŽƒ πŸ‘©πŸ»β€πŸ’»

Develop a JavaScript Speech to Text App.

Requirements

Any app which responds on voice will be accepted
Here is a little example:

  • There can be a paper-like UI
  • On which the spoken text will be written.
  • Whenever the user breaks the speech a new paragraph should be added.

Any number of people can work on a single issue,
This issue is open to all.

Project location ⏩ SpeechDetection/Username/
Check CONTRIBUTIONS.md before starting to contribute.

Happy Coding πŸŽƒ πŸ‘©πŸ»β€πŸ’»

Develop a JavaScript Custom Video Player application

Requirements

The video can be selected to play in the video player.
The video player must have a control bar.

The control bar must consist of :

  • Play Toggle
  • Mute Toggle
  • Full screen Toggle

Any number of people can work on a single issue,
This issue is open to all.

Check CONTRIBUTIONS.md before starting to contribute.
Happy Coding πŸŽƒπŸ‘©πŸ»β€πŸ’»

Develop a JavaScript Quote Generator app.

Requirements:

  • There must be a button to randomly fetch the quote.
  • After a few minutes of not pressing any key, the quote should automatically be changed.

BonusesπŸŽ‰πŸŽ‰:

  • The background should be changed every time the new quote is being fetched.
  • There can be a search/select bar for random quotes from a particular personality/theme.

Any number of people can work on a single issue,
This issue is open to all.

Check CONTRIBUTIONS.md before starting to contribute.
Happy Coding πŸŽƒπŸ‘©πŸ»β€πŸ’»

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.