Top React Projects to Build Your Resume

[{"selector":"#anim-d33ed3df-9c84-4996-a7bf-413e2658f0a0","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.05)","offset":0.33},{"transform":"scale(0.995)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":3}] [{"selector":"#anim-cf62de10-38d4-4fd7-a92b-01fa50aa3bfc","keyframes":{"opacity":[0,1]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78d334d3-f8cd-4cdb-a913-27571bbd1154","keyframes":{"transform":["translate3d(117.36334%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-39f2735f-6001-4613-a0bc-9eae92f889e8","keyframes":{"opacity":[0,1]},"delay":1000,"duration":900,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-62e0637d-6769-4046-8f2a-94bd657a1107","keyframes":{"transform":["translate3d(131.88405%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":900,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 5 React is one of the most famous front-end JavaScript libraries

React Js

[{"selector":"#anim-092e8a4f-6fb5-4f42-bedc-ce6b0be1f55a","keyframes":{"opacity":[0,1]},"delay":200,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c76b0194-7d3c-454e-9d62-75711282009e","keyframes":{"transform":["translate3d(-110.35504%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e313cb1f-224a-4ce6-8d5c-ac0c1b326dda","keyframes":{"opacity":[0,1]},"delay":200,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-50009a30-5c6b-4a1e-8826-2981ac235867","keyframes":{"transform":["translate3d(-117.41294%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] React is an open-source front-end JavaScript library maintained by a community of a group of developers and Meta. React is primarily used for building application UI. Learn More Arrow

React Notes Application

[{"selector":"#anim-5409af75-5e62-43e9-8c55-7df0acdbf182","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-8caf570f-b180-4e4f-8e00-ed2961ab521c","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-565f9829-fd1a-4e12-939c-954fbbc30e3d","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d1c27d87-c293-4cd1-829b-ae19b1fa3c2f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-23d56842-6db6-442e-96ae-0312bf1a6696","keyframes":{"transform":["translate3d(-87.42138%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f5179ca2-5104-4a67-ab23-08c5196755dc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9de714a5-5923-4564-955f-63936c6eb7ad","keyframes":{"transform":["translate3d(82.75863%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 1

Weather Application

[{"selector":"#anim-25cfef90-cd09-4677-87e7-c328728feaae","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-4f0ca23d-dfd5-44ea-a612-d17ac22d5073","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9b28bd64-19d6-4b3f-80a5-0068e8b9c37a","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-55674ea3-b415-4b1f-8f17-aaa736c6a568","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-917fa8b2-3232-472a-87ac-b57656976bfc","keyframes":{"transform":["translate3d(-87.42138%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7252765d-5826-4c33-8149-d33cfe388a70","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-259170c3-d09a-4e28-9a13-53f9b977c23a","keyframes":{"transform":["translate3d(82.75863%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 2

Cryptocurrency Application

[{"selector":"#anim-7e19739d-c5c5-42d3-adcd-d027c5714e40","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-4f9a40be-6357-4844-9bc2-518838586492","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb3524a5-3a15-4843-9af7-f35ae4ccc0b2","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7c8a8031-b678-4245-a106-c5c2e9746dc5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-927a7e8e-983f-417f-9963-d4ea5a335ae2","keyframes":{"transform":["translate3d(-87.42138%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-712bc471-3e9b-47a1-9169-53fcf3dbde57","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-36a4a5a0-543f-4354-9a54-e4727ac05fb1","keyframes":{"transform":["translate3d(82.75863%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 3

Password Generator

[{"selector":"#anim-047ebbeb-ea52-499e-8ca4-0be17d3d7a7f","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-a79d20ba-6dc0-4422-a8c0-1c2bacb02f01","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-493adef3-b785-45bf-a2ca-85dfea194c6a","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e980698-04ed-49a8-b9ba-04ed979223c8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-44ab1143-fbaf-4731-bea1-caf0b1f2a7fb","keyframes":{"transform":["translate3d(-87.42138%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a73c9fb9-bfea-4daa-8d7a-1159ef3c82de","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5130995c-d152-4c04-8db5-684595cba418","keyframes":{"transform":["translate3d(82.75863%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 4

Chat Application

[{"selector":"#anim-57e7c553-b884-4824-833a-3af7a47a53a2","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-198353f0-da74-4f5a-977c-66f9d9b8c46a","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4be1024e-9155-4fea-aeea-b0d615bb2c14","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-962c67ed-92e6-4d43-9f01-7d51a00bf6cc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb196f7f-c799-43e0-91c3-4b22891f1e06","keyframes":{"transform":["translate3d(-87.42138%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e18ab5d-e514-4fe2-988b-af6268c92583","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-20eb6441-a9f0-4fb2-bd63-825c0fb8fe80","keyframes":{"transform":["translate3d(82.75863%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 5

For More Stories Stay Updated

Share If You Liked The Story

[{"selector":"#anim-fe2b689d-6ae6-4335-bb42-9526c3b1ca74","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e379f7c8-1e46-4402-9339-88b9262be376","keyframes":{"transform":["rotate(-333deg) translate3d(0px, 1026.09440%, 0) rotate(333deg)","rotate(-333deg) translate3d(0px, 0px, 0) rotate(333deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63ca7630-3c53-4cbd-aaae-69c2c1654551","keyframes":{"transform":["translate3d(-112.12121%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-55b4bd71-13c0-4616-b4a9-8d97ead35d6a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a1c598b-2cbd-423a-96da-cc29f3fac4ac","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Arrow

Top React Projects to Build Your Resume

React Js

React Notes Application

Make a simple beginner-level application in React, where the users can write or create their notes

Weather Application

You can create this using a free API from OpenWeather. It is a very good beginner-level react project.

Cryptocurrency Application

There are many free API available, using one of those API, you can get the crypto price details and everything in JSON.

Password Generator

Using react, you can create a password generator where you can create your strong passwords copy to your clipboard

Chat Application

You can create your chat applications like WhatsApp clone using React and Socket.io.

For More Stories Stay Updated

Share If You Liked The Story