Skip to content

Next.js web app with Tailwind CSS & Framer Motion for managing recycling services, solid & liquid waste collection. Responsive design, modular components, and smooth animations enhance user experience. Simplify waste management processes with this intuitive application.

Notifications You must be signed in to change notification settings

murtazaghulam99/recycling-waste-webapp

Repository files navigation

Recycling and Waste Collection Web App

This web application, built with Next.js, Tailwind CSS, and Framer Motion, provides a user-friendly interface for managing recycling and waste collection services. Whether you're involved in solid waste, liquid waste, or general collection services, this app streamlines the process and enhances the user experience.

Features

  • Responsive Design: The application is designed to work seamlessly across various devices and screen sizes, ensuring a consistent and user-friendly experience.

  • Tailwind CSS: The project utilizes Tailwind CSS for styling, providing a utility-first approach to easily customize the appearance of the application.

  • Framer Motion Animations: Framer Motion is integrated to add smooth and visually appealing animations, enhancing the overall interactivity of the web app.

  • Modular Components: The project is structured using Next.js, allowing for the creation of modular components and pages, making it easy to maintain and scale the application.

Getting Started

Follow these steps to set up the project locally:

  1. Clone the Repository:

    git clone https://github.com/your-username/recycling-waste-app.git
    cd recycling-waste-app
  2. Install Dependencies:

    npm install
  3. Run the Development Server:

    npm run dev

    The application will be accessible at http://localhost:3000.

Usage

  • Access the different sections of the web app using the navigation menu.
  • Explore the intuitive user interface to manage recycling services, solid waste collection, liquid waste collection, and other collection services effortlessly.

Contributing

If you'd like to contribute to the project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix: git checkout -b feature-name.
  3. Commit your changes: git commit -m 'Add new feature'.
  4. Push to the branch: git push origin feature-name.
  5. Open a pull request.

License

This project is licensed under the MIT License, which means you are free to use, modify, and distribute the code.

Acknowledgments

Special thanks to the open-source community, Next.js, Tailwind CSS, and Framer Motion for their fantastic tools and resources that made this project possible.

About

Next.js web app with Tailwind CSS & Framer Motion for managing recycling services, solid & liquid waste collection. Responsive design, modular components, and smooth animations enhance user experience. Simplify waste management processes with this intuitive application.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published