Code Monkey home page Code Monkey logo

eapp's Introduction

eWaste Web App

eWaste Web App

Welcome to the eWaste Web App! This application is built with Laravel, Tailwind CSS, and MySQL, allowing users to schedule their e-waste pick-up and connecting them with vendors who can collect the e-waste from their specified address.

Features

  • User Registration and Authentication: Users can create an account, log in, and manage their profile.
  • User Dashboard: Users have access to a personalized dashboard where they can schedule e-waste pick-ups, view their scheduled pick-ups, and manage their account information.
  • Schedule Pick-up: Users can schedule a convenient date and time for their e-waste pick-up by providing the address details.
  • Vendor Registration: Vendors can create an account and provide necessary information to become a registered vendor for e-waste collection.
  • Vendor Dashboard: Vendors have access to a dashboard where they can view and manage the scheduled pick-ups assigned to them.
  • Pick-up Status: Users can track the status of their scheduled pick-ups and receive notifications.
  • Admin Panel: An admin panel is available to manage users, vendors, pick-up requests, and other application settings.

Installation

To get started with the eWaste Web App, follow these steps:

  1. Clone the repository:

git clone https://github.com/Leave-it-blank/eapp.git

  1. Navigate to the project directory:

cd ewaste-webapp

arduino

  1. Install the dependencies using Composer:

composer install

  1. Create a copy of the .env.example file and rename it to .env. Update the necessary configuration details such as database credentials.

cp .env.example .env

  1. Generate an application key:

php artisan key:generate

  1. Run the database migrations:

php artisan migrate

  1. (Optional) Seed the database with sample data:

php artisan db:seed

  1. Serve the application:

php artisan serve

  1. Visit http://localhost:8000 in your web browser to access the eWaste Web App.

Figma

https://www.figma.com/file/eEK5UOHwcI4WFfQ9OqcL1I/E-Waste-Solutions-Website

Customization

To customize the appearance of the eWaste Web App and incorporate the requested lime green color, you can modify the styles using Tailwind CSS.

Open the resources/css/app.css file.

Locate the Tailwind CSS section and update the color classes with the desired lime green color values. For example:

.bg-lime {
  background-color: #00ff00; /* Your lime green color code */
}

.text-lime {
  color: #00ff00; /* Your lime green color code */
} 

Save the changes. Rebuild the CSS file using Laravel Mix:

npm install npm run dev

The application will now use the customized lime green color for specific elements throughout the interface.

Author

Leaveitblank,

License

Licensed under the Apache License. See LICENSE

© E waste Manangement App @2023

eapp's People

Contributors

leave-it-blank avatar mizety avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.