Welcome to the Frontend Functionalities repository! This all-in-one repository contains a variety of frontend projects, ranging from DOM manipulations with vanilla JavaScript to full-fledged projects using React/Next.js and other frontend libraries/frameworks like Redux/RTK, TanStack Query, React Router DOM, and more.
Anyone looking for a diverse collection of projects in one place will greatly benefit from this repository. All projects are well-organized in separate directories.
- If you're solely interested in component-based Works or React-Native for Mobile App Developments, consider exploring the following: Component-based repository , Expo
If you find this helpful, please consider giving it a star 🙂
- YumDispatch (Food-Delivery): https://yumdispatchbd.netlify.app/
- Vanilla-Amazon (Amazon-clone): https://vanilla-amazon.netlify.app/
Note: Most of the projects aren’t hosted yet, but the included ones will give you an impression of the rest.
To use any of the components from this repository, follow these steps:
Note: You can use Bun for Next.js projects as it compiles faster than its competitors. For the rest of the projects, use pnpm for better disk efficiency and speed.
-
Clone the repository to your local machine:
git clone https://github.com/mujibulhaquetanim/frontend-components.git
-
Navigate to the relevant project directory:
cd frontend-components/(replace with subDirectory-name) i.e E-commerce/vanilla-amazonjs, food-delivery, etc.
-
Install dependencies (if any): use
pnpm
for efficiencypnpm install
-
Start using the component in your project!
Each component comes with its own usage instructions. Refer to the README files within individual project directories for details on how to integrate them into your application.
Will appreciate contributions! If you'd like to improve an existing component or add a new one, follow these steps:
- Fork this repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them.
- Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
If you have any questions, issues, or feedback, feel free to reach out to me through linkedin/twitter or comment in the respective repository.