DesignHub is a modern, community-driven UI component gallery where developers and designers can share, tweak, and learn from each other’s React component code snippets. From buttons and modals to complex forms and grids, our platform empowers users to quickly integrate and customize high-quality UI elements in their projects.
Table of Contents
Upon signing in, users are directed to the home page where they can:
- Discover the latest components added by the community.
- Search for components using keywords or filter by tags.
- Seamlessly interact with a live gallery of UI elements to gain inspiration or find the perfect snippet for their needs.
The platform also provides comprehensive component management. Users can:
- Add: Submit new UI components.
- Update: Edit their own existing components.
- View: Browse full details of any component.
- Delete: Remove components they have submitted.
On the profile page, users can review their submitted components and log out securely.
- User Authentication: Secure sign-in to personalize your experience.
- Home Page: Displays the most recent and popular UI components.
- Advanced Search & Filtering: Type keywords or select tags to narrow down component choices.
- Component Management:
- Add New Components: Share your creative implementations.
- Update Components: Modify your submissions as you refine your design.
- View Components: Get detailed insights and code previews.
- Delete Components: Manage your contributions with ease.
- Profile Page: Quickly access your submissions and manage your session with logout functionality.
- React: Dynamic, component-based UI development.
- Tailwind CSS: Utility-first styling for rapid, responsive design.
- Redux: Efficient state management for a seamless user experience.
- TypeScript: Static type-checking for robust, scalable code.
- Axios: Simplified HTTP requests for API integration.
-
Clone the Repository:
git clone https://github.com/jlokitha/DesignHub-Frontend.git cd DesignHub-Frontend -
Install Dependencies:
npm install
-
Run:
npm run dev
Detailed API endpoint documentation is available via our Postman collection.
Access it here.
Access the Backend repository on GitHub here.
This project is licensed under the MIT License.
© 2025 Janindu Lokitha