20 Amazing Projects for Beginners to Start Coding

1. Multi-page responsive website

[{"selector":"#anim-81707005-9475-4138-802c-cd0b6ef433fd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a42cdaac-0f49-4d87-aeba-ba2a62f4d4c6","keyframes":{"transform":["translate3d(0px, -169.46151%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-36f4c4f1-8855-4076-84ee-daa91f74ffb3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5c768394-0131-4c53-8645-8bafe21a8566","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

2. Website template redesign

[{"selector":"#anim-36a1c352-7869-492c-b152-f1179ec6df67","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-27551ebf-d684-423a-a53e-a1fb913ddbcf","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c4f3c3b4-cfc8-4fcb-ace1-ec7a29a998d3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d1230c59-7f3d-44ca-bd7d-ecc9168eff46","keyframes":{"transform":["translate3d(0px, -169.46151%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

3. Small JavaScript game

[{"selector":"#anim-9f05de6b-1a38-499d-9984-dc5a88e66908","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e7fee03-03f5-4c89-9834-03cd19999494","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-850e95ee-b791-4fb6-9030-dad0854a9d5a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f400625b-7e82-4d65-96b2-883ec26de38d","keyframes":{"transform":["translate3d(0px, -169.46151%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

4. A simple application

[{"selector":"#anim-ce3d09ec-8de8-4ed8-920a-06956cb65fdf","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8eaba5fb-efca-4c0b-97bf-427b335cc5cc","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3cbe3d1f-33eb-43ce-b423-db4f7f09e8d0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f73fff6-993e-416d-a35b-1fc168309465","keyframes":{"transform":["translate3d(0px, -235.44978%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

5. Number Generator

[{"selector":"#anim-34f55524-d299-4b5e-b192-5b5adda801f6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74aecbd5-ae88-4b12-a7fc-90d9241f8396","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-94b6d51d-d486-447c-8be1-29960ba05098","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-822e50bb-2bce-4e80-ad87-484abf247ba8","keyframes":{"transform":["translate3d(0px, -235.44978%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

6. Web scraping

[{"selector":"#anim-550e4e4a-475d-4a4e-b57a-390d464569dc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0e10043f-2553-4917-9e4d-45ce4f80f715","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f648b767-4d1b-44d2-9638-d3143ab38386","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-47947d1c-3eec-4101-bbe2-dc450990a965","keyframes":{"transform":["translate3d(0px, -235.44978%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

7. Chess game

[{"selector":"#anim-ae8b00dc-049b-46ed-959e-28a374a5f7c3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da3424ef-0294-4769-a826-4aaa4e17b21c","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dee494a0-3441-4b50-a89d-86296f67447f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b17b3ece-72fe-4fbb-abb1-5189f3bdce0a","keyframes":{"transform":["translate3d(0px, -449.43321%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

8. Social networking website

[{"selector":"#anim-9009c6ab-6c9b-4346-b9ef-08f92d47fa66","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10a28dd8-406f-4ed8-887e-d3b118513ec8","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-92fb42aa-d0a7-4066-b314-9524b2600a3b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-538d3c09-46ba-4bdb-907c-23bb6cf34d84","keyframes":{"transform":["translate3d(0px, -205.04432%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

9. Online store

[{"selector":"#anim-966d2220-afc2-4049-bedf-a3389bc674b1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dacc44e9-1bb5-4aca-bff6-4a9db2e6a779","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce9f8116-e461-4c87-aec9-1fdb92205413","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9e462f4-9a9f-4f8b-b58b-1f924d932036","keyframes":{"transform":["translate3d(0px, -492.29038%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

10. Contributing to an open-source project

[{"selector":"#anim-afd25728-af23-40ad-a71c-a2c2e4c56e4b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-119c5d29-5cdb-4fe0-8795-c014bf94fa65","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ac7d7b88-ce02-4c29-9ddf-2ecc6285366d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-09d39da5-05f8-4af4-8848-909c4561cc94","keyframes":{"transform":["translate3d(0px, -142.30377%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

11. Bank management software

[{"selector":"#anim-a5d9994c-6da2-4785-a8bf-ed8041cb51a4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b714aa70-febc-4ff3-948f-2e299bd738e6","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ae52a788-4e05-4364-9680-0942c6a9211f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c4808438-b420-41fa-b5ef-df4155fdd1b6","keyframes":{"transform":["translate3d(0px, -189.0934%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

12. Temperature convertor

[{"selector":"#anim-28021a74-a3be-42aa-b707-318be10acaaa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-71819f9f-b5fd-4d0b-a3b1-b603a5743591","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cfdcd142-d279-4df4-aa85-a397c29d54f5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e47bd88-ab3a-413d-98dd-0e0ed9d4a1be","keyframes":{"transform":["translate3d(0px, -189.0934%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

13. Digital Clock

[{"selector":"#anim-159544f4-683f-4ae2-8bc2-c2abf6cc988c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-02b8d6fc-48c9-465d-9959-dd94be3a0fa2","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f687f9a-1afb-4c30-b318-b29192e7d785","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a36ba886-9312-4d13-bdf3-88694c6100af","keyframes":{"transform":["translate3d(0px, -285.92596%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

14. Quiz app

[{"selector":"#anim-8db4a22e-ead8-4d55-b9c7-e06fda2c03ee","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8c2e0c04-787a-4399-a38b-9bac098517e0","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-14c91a13-ad0a-4ce1-842b-231c8a271d47","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-478e6118-12a1-4fb3-8f7a-e63af9df27e3","keyframes":{"transform":["translate3d(0px, -498.41287%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

15. E-mail client software

[{"selector":"#anim-f8769546-65f6-4300-bdf5-b09e3369341d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-16bd7c86-b4b5-4689-b21a-be2937c12bcc","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a242d1b-48b9-434c-bd9e-68bbe5ed8dcf","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c134fadd-9684-4648-93a0-150100780a30","keyframes":{"transform":["translate3d(0px, -285.92596%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

16. Electricity billing system

[{"selector":"#anim-636bf883-1952-43fc-aea4-eb0f3e6fbbc4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9b09a610-1197-4f85-9f99-0ebfe567f46b","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7931aa6d-f8d6-435c-8b85-a86fb60343f3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a0a148c-ed5c-48c3-bbe3-f98bfebb57a7","keyframes":{"transform":["translate3d(0px, -285.92596%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

17. Memory game

[{"selector":"#anim-b5adc13e-0c44-4eea-bd15-0858dd92d29e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-007d9e96-47d3-42fd-a08d-58d57a3bfaf0","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-66c79bb4-1c60-4614-92cb-31ee1ac0281e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-703d9505-692c-4cb9-842c-5c82bf25dcb1","keyframes":{"transform":["translate3d(0px, -285.92596%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

18. Media player

[{"selector":"#anim-2c66f473-6928-444a-8c27-88c510bbb0e2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c4d9cf75-6cac-4581-b1e6-373bb81b3825","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e944c773-8cfb-4bab-b8ea-d7880bbe76c6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-07bdec0a-6be9-4f20-8958-4809b99707f5","keyframes":{"transform":["translate3d(0px, -285.92596%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

19. Currency converter

[{"selector":"#anim-817f712b-8b26-40cf-bb12-0234dacd273b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8ec403c1-f19e-491a-a50e-b1b9e966a1eb","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8dc3b34c-9d6e-42b9-9de9-5e9b261607d1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a69f8b68-408e-41e0-8039-943808f847a5","keyframes":{"transform":["translate3d(0px, -247.83073%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

20. Word Counter

[{"selector":"#anim-ae561e98-a31e-41cc-b482-e5d6e66732f2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-453d3d4a-5498-4dd5-991b-e37ef25e1fc8","keyframes":{"transform":["translate3d(0px, 100.06089%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e061c735-2e83-46e7-a00e-0c23e996b68b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c797dea9-a3e6-45c3-ba4d-c1eaf03566a8","keyframes":{"transform":["translate3d(0px, -247.83073%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]