Front End Sandbox

A collection of front-end development examples and practice projects, primarily focusing on React.

Repository Structure

• basic-react-examples/: Standalone HTML files demonstrating React fundamentals

  • components/: Basic React component examples
  • forms/: Form handling in React
  • api-integration/: Examples of fetching and displaying data from APIs

• react-app/: A complete React application built with a modern toolchain

• todolist/: A React-based todo list application

• routingpractice/: Examples of React Router implementation

• passingChildren-practice/: Examples of component composition in React

• vitetodotest/: A todo application with testing examples using Vite

Purpose

This repository serves as a personal sandbox for learning and experimenting with front-end technologies, particularly React. Each folder contains different examples that demonstrate specific React concepts or features.

How to Use

Most examples in the basic-react-examples folder can be opened directly in a browser. For other projects that use build tools (Vite, Create React App), navigate to the project folder and follow these steps:

1. Install dependencies: npm install Copy
2. Start the development server: npm start or npm run dev Copy

Technologies Used

• React
• HTML5/CSS3
• JavaScript (ES6+)
• Vite
• React Router