HacktoberFest - React Projects for Beginners

Welcome to a collection of beginner-friendly React projects for HacktoberFest. Start your coding journey with these exciting projects.

Star this repository
GitHub stars GitHub forks GitHub contributors GitHub issues GitHub pull requests GitHub watchers

Projects List

  • 1. React todo app

    Start your coding journey with a beginner-friendly React Todo App, perfect for learning task management and basic web development

  • 2. React Weather app

    Explore weather effortlessly with a beginner-friendly React Weather App, providing real-time forecasts and an intuitive user experience..

  • 3. React Stopwatch app

    Solidify your javascript concepts by making a React Stopwatch. You will learn how to manage javascript objects as state in React.

  • 4. React Bank UI

    Create an attractive landing page of your choice that will improve your designing skills.

  • 5. Movie Database App

    Create a simple movie database app where you can search about movies. In this project you will learn about Card Components & how to manage dynamic data on page.

  • 6. React Expense Tracker

    Learn more about state management by creating an Expense Tracker.

  • 7. E-commerce Website React

    React-based e-commerce site: Sleek design, vast product range, and secure checkout redefine online shopping.

  • 8. GIF generator

    Experience the fun of GIF creation with our React-based GIF Generator. Easily create, customize, and share animated GIFs, adding excitement to your online conversations.

  • 9. Calculator App

    "Experience the power of React with our intuitive Calculator app. Perform quick and accurate calculations with a sleek and user-friendly interface.

  • 10. Meme App

    Unleash your creativity with our React-powered Meme App. Craft and share hilarious memes effortlessly, adding humor to your social media..

  • 11. React Music App

    Immerse yourself in the world of music with our React-based Music Player. Enjoy seamless playback, playlist management, and a dynamic audio experience.

  • 12. Quote Generator

    "Get inspired with our React-based Quote Generator. Discover wisdom, motivation, and creativity at your fingertips, one quote at a time."

  • 13. Password Generator

    "Boost your online security with our React Password Generator. Create strong, randomized passwords effortlessly to safeguard your digital life."

  • 14. Score Game

    "ScoreKeeper app is applicable to any points-based game. It helps in accurately managing and keeping track of the score board, and displays the winner as well."

  • 15. Riot game clone UI

    "Riot Games Clone: A React project replicating the essence of Riot Games' popular gaming platform, offering a diverse gaming experience."

  • 16. Stock Dashboard

    "This projects gives the stock results for the unique company details and uses charts to display their historical and future predictions."

  • 17. QR Generator

    "A dynamic QR Code Generator that generator new QR for every input text or URL."

  • 18. Color Palette Generator

    A beautiful Color Palette Generator that generates the harmonious color schemes with a click and easily copy hex codes. A useful tool for designers and developers.

  • 19. Blob Generator

    Simple Application useful for creators and designers who require unique Blob CSS code.

  • 20. Sorting Algorithm Visualizer

    This application has most of the sorting algorithm used in DSA and has visual representation of how these sorting algorithm works in background using clean UI in react.

  • 21. Web3 Theme Landing Page

    Landing Page for Web3 applications. Used TailwindCSS for design and aos for minor animations.

  • 22. Text to Speech Converter

    Simple Website helpful to convert text written in the text area into voices. Controller of voice, sound, pitch and speed options are also provided.

  • 23. Youtube Clone

    Explore this YouTube clone project where I've recreated the core functionalities of YouTube using React, HTML, CSS, and JavaScript. Experience seamless video playback, user authentication, and video upload functionalities in this beginner-friendly project.

  • 24. Tic-Tac-Toe Game

    Tic-Tac-Toe Game is a classic two-player game where opponents strategically place Xs and Os on a 3x3 grid, aiming to achieve a winning pattern of three in a row, column, or diagonal.

  • 25. Taskify-Project

    Taskify-Project is an organizational tool designed to streamline project management, enabling users to create, assign, and track tasks efficiently within a collaborative environment.

  • 26. Simple Movie Search

    Simple Movie Search is a straightforward tool allowing users to search for movies by title, providing basic information such as release year, genre, and synopsis.

  • 27. Shopapp Redux

    Shop App Redux is a streamlined shopping experience powered by Redux, enhancing state management for seamless user interactions and efficient data handling.

  • 28. React Tenzies App

    React Tenzies App is a web application built using the React JavaScript library, simulating the dice game Tenzi where players race to roll their dice to match a specific pattern, showcasing React's dynamic user interface capabilities.

  • 29. Quiz Game

    Quiz Game is an interactive application that challenges players with questions on various topics, providing entertainment and opportunities for learning and testing knowledge.

  • 30. Personal Portfolio

    Personal Portfolio is a digital showcase of an individual's work, skills, and achievements, serving as a professional portfolio to highlight expertise and attract potential clients or employers.

  • 31. Dice App

    A virtual dice-rolling application that simulates the randomness of traditional dice, offering convenience for various tabletop games and decision-making scenarios.

  • 32. Covid-19 Tracker

    A tool for monitoring and visualizing real-time data on coronavirus cases, including infections, recoveries, and fatalities globally or regionally.

  • 33. Bank-KYC Form

    A document where customers provide personal information and identification documents to comply with Know Your Customer regulations, ensuring legal and security compliance for banking services.

Our Contributors