All-in-One Repository for Frontend-Functionalities 🙂

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 with authjs using React and its frameworks like Next.js, Remix, Gatsby, Astro, etc., and other frontend libraries/frameworks/tools like PWA, Redux/RTK, Zustand, TanStack Query, React-Router, Chartjs, and more.

• For smaller projects, check out Feature-Projects directory.
• For medium-large projects, check out the Medium-Large_Projects directory.
• Large projects are in the root directory with their own directories.

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

Table of Contents

• Live Links
• Installation
• Usage
• Contributing
• License
• Contact

Live Links

These are the live links for the projects included in this repository, they all are hosted using their respective directories.

• 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.

If you find this helpful, please consider giving it a star 🙂

Installation

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.

1. Clone the repository to your local machine:

   git clone https://github.com/mujibulhaquetanim/frontend-components.git

2. Navigate to the relevant project directory:

   cd frontend-components/(replace with subDirectory-name) i.e E-commerce/vanilla-amazonjs, food-delivery, etc.

3. Install dependencies (if any): use pnpm for efficiency

   pnpm install

4. Start using the component in your project!

Usage

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.

Contributing

Will appreciate contributions! If you'd like to improve an existing component or add a new one, follow these steps:

1. Fork this repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

If you have any questions, issues, or feedback, feel free to reach out to me through linkedin/twitter or comment in the respective repository.