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.
-
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.
Follow these steps to set up the project locally:
-
Clone the Repository:
git clone https://github.com/your-username/recycling-waste-app.git cd recycling-waste-app
-
Install Dependencies:
npm install
-
Run the Development Server:
npm run dev
The application will be accessible at
http://localhost:3000
.
- 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.
If you'd like to contribute to the project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b feature-name
. - Commit your changes:
git commit -m 'Add new feature'
. - Push to the branch:
git push origin feature-name
. - Open a pull request.
This project is licensed under the MIT License, which means you are free to use, modify, and distribute the code.
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.