Custom React Components App 🚀

This project is a collection of custom-built React components, created for learning purposes.

🧐 Features:

1. Custom Components:

   • Button: A flexible button component.
   • Accordion: A stylish accordion for FAQ-like content.
   • Table: Easily display data in a table format.
   • Dropdown: A customizable dropdown menu.
   • Modal: Display content in a popup/modal style.
   • Panel: A panel component for displaying segmented content.
   • SideBar: A sidebar navigation or content display.
   • Sortable Table: A table component with sortable columns.
   • Link: A custom anchor tag for routing or URL purposes.

2. Custom Routing: This app doesn't rely on conventional routing methods. Instead, it utilizes the createContext Hook from React to achieve custom routing.

3. Tailwind CSS: The app is styled with Tailwind, which provides utility-first classes for quick and intuitive design.

🚀 Getting Started:

Prerequisites:

Make sure you have Node.js and npm installed on your system. If not, you can download and install them from here.

Installation:

1. Clone the repo:

   git clone https://github.com/your-username/your-repo-name.git

2. Navigate to the project directory:

   cd your-repo-name

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

The app should now be running on http://localhost:3000/.

📚 Resources:

• React: Official Documentation
• Tailwind CSS: Official Documentation
• Stephen Grider's Udemy Course: Udemy