Overview

Diving into the world of React can be a rewarding experience, especially when you have a diverse set of projects to showcase your skills. From basic applications like a todo list to more complex ones like a real-time markdown editor or an online book store, these projects offer an excellent opportunity to understand the core functionalities and intricacies of React. Each project serves as a hands-on teaching tool, allowing you to explore different aspects of web development.

These React projects, though not maintained anymore, were created for practice and provide a great learning platform. They cover a range from simple games to interactive applications that utilize various libraries and frameworks to enhance user experience and functionality.

Features

• Giphy Project: A fun project utilizing the Giphy API to fetch and display animated GIFs, perfect for learning API integration.

• Todo App: A basic todo application that helps beginners understand state management, component structure, and user input handling.

• Tic-Tac-Toe Game: Engaging game created with React components, showcasing the use of states and props for game logic.

• Real-time Markdown Editor: A single-page application that allows users to write and see markdown previews in real-time, emphasizing live data updates.

• Basic React-Redux: Demonstrates the integration of Redux for state management, illustrating how to handle articles in a centralized store.

• Trip Mate Webapp: A user-friendly application for managing and tracking trips, featuring routing and custom styling.

• Progressive Web App (Todo PWA): Combines classic todo functionality with modern PWA features using service workers and local storage for data persistence.

• GatsbyJS Markdown Blog: A static blog that fetches and displays markdown posts, exemplifying the use of GraphQL and static site generation with Gatsby.