https://github.com/ns007-dev/best-app-tutorials
App tutorials, that I have hand selected, that require plain JavaScript, HTML, CSS, React.js. Star and fork!
https://github.com/ns007-dev/best-app-tutorials
apps css html javascript react
Last synced: 2 months ago
JSON representation
App tutorials, that I have hand selected, that require plain JavaScript, HTML, CSS, React.js. Star and fork!
- Host: GitHub
- URL: https://github.com/ns007-dev/best-app-tutorials
- Owner: NS007-dev
- License: mit
- Created: 2021-06-12T18:39:53.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-12-28T21:46:56.000Z (over 4 years ago)
- Last Synced: 2025-06-29T12:38:30.896Z (12 months ago)
- Topics: apps, css, html, javascript, react
- Homepage: https://ns007-dev.github.io/Best-App-Tutorials/
- Size: 34.2 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Best-App-Tutorials.
[](https://forthebadge.com) [](https://forthebadge.com) [](https://forthebadge.com) [](https://forthebadge.com) [](https://forthebadge.com) [](https://forthebadge.com)
- [Best-App-Tutorials.](#best-app-tutorials)
- [Where you can find more of these resources:](#where-you-can-find-more-of-these-resources)
- [Beginner Tutorials:](#beginner-tutorials)
- [Apps for those a little bit more experienced...](#apps-for-those-a-little-bit-more-experienced)
- [Hard Apps to Make:](#hard-apps-to-make)
## Find All the resources for you next coding app.
----------------------------------------------------------------
### These are all **hand picked** resources, I have built some of these myself, and work 100%!
## Where you can find more of these resources:
- [CodePen](https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwijysmMvIf1AhUNfMAKHcAiA_cQFnoECAcQAQ&url=https%3A%2F%2Fcodepen.io%2F&usg=AOvVaw0w86W8kIvueeqcN3sT65Yz) The place where others share their code, you can fork, share and edit.
---------------------------------------------------------------
## Beginner Apps:
| Link | Description |
| ---- | ----------- |
| [Clock App](https://codepen.io/afarrar/pen/JRaEjP) | A SUPER easy app you can make in the matter of 15 minutes! |
| [Stopwatch](https://codepen.io/cathydutton/pen/GBcvo) | You can make a stopwatch, which can use your local storage to save your laps - it is easier that you think |
| [Weight Converter](https://www.w3schools.com/howto/howto_js_weight_converter.asp) | Using the famous W3 Schools, make simple weight converters! |
| [Tip Calculator](https://codepen.io/voula12/pen/djrZGw?editors=0010) | Super and easy, you can make this in 10 minutes!!! |
| [TicTacToe App](https://reactjs.org/tutorial/tutorial.html) | Simple app to make which is easy to understand and use react to make a game! |
## Apps for those who are little bit more experienced...
| Link | Description |
| ----------------------------------------------------------------------- | ------------------------------------------- |
| [Drum Kit](https://codepen.io/amdsouza92/pen/xdooWa?editors=1010) | A drum kit to make for your entertainment!! |
| [Color Code Game](https://codepen.io/itsmhuang/pen/oxaReK?editors=0010) | Color quessing names. |
| [Notes App](https://eqdn.tech/html5-note-app-tutorial/) | Save your notes using your local storage! |
| [Calculator](https://codepen.io/lalwanivikas/pen/eZxjqo?editors=0010) | A simple calculator app. |
| [Matching Game](https://codepen.io/cathydutton/pen/avYKeM?editors=1010) | A matching game, with a time. |
| [To Do List](https://codepen.io/sagar27/pen/MoBoKP?editors=0010) | Add all your todos in your own todo app! |
| [BMI App](https://codepen.io/beale2017/pen/JjdXVqw?editors=0010) | Make a Body Mass Index app! |
## Hard Apps to Make:
| Link | Description |
| ------------------------------------------------------------------------------------ | --------------------------------------------------------- |
| [Hangman](https://codepen.io/cathydutton/pen/ldazc?editors=0010) | One of the all time favourite games to make! |
| [Pong game](https://codepen.io/gdube/pen/JybxxZ?editors=0010) | One of the retro arcade games, cominng back to life. |
| [Pickle Maze game](https://codepen.io/TheCodeDepository/pen/jKBaoN?editors=0010) | A maze game to make. |
| [Micro Code Editor](https://codepen.io/kazzkiq/pen/xGXaKR?editors=0110) | Make your own code editor! |
| [Color Matching Game](https://codepen.io/coder787/pen/KKadYZp?editors=0010) | Make a game where you drag the colors in the right place. |
| [Space Invaders](https://codeheir.com/2019/03/17/how-to-code-space-invaders-1978-7/) | The arcade game pixelating back to life. |
## This is not over YET!!! We need your help to expand this page and people's knowledge!!!
### Add your own links, create new sections for us, edit our grammar!!!
## How to do this:
- [ ] Star this repo (so you know where to find it) ⭐⭐⭐.
- [ ] Fork this repo, to get your own copy 📎.
- [ ] Clone the forked repo.
- [ ] Make your changes in the forked and cloned repo copy.
- [ ] Push them to your own copy of the repo.
- [ ] Make a Pull Request!
- [ ] Wait for us to check it and merge it!!!