We are trying to raise awareness to the importance of recycling. This is a Google Solution Challenge 2023 project that uses Firebase (authentication, analytics, firestore and storage) as well as latest technologies such as React.js, Next.js, Tailwind CSS and Framer Motion to ensure best user experience. Click here for the real-life app.
- Easy to use and simple UI.
- Efficient data with Firestore.
- User authentication with Firebase.
- Admin dashboard.
- Nearby recycling centers map with Google Maps API.
- File upload with Filepond to Firebase Storage.
- Smooth animations with Framer Motion and FormKit AutoAnimate.
- React.js & Next.js
- Tailwind CSS
- Google Analytics
- Firebase (firestore, authentication, storage, analytics)
- PWA (native apps, offline access)
Make sure you have Node.js and Git installed on your system. Node.js comes with a package manager called npm
but I suggest you use pnpm
instead since it's faster and more efficient.
- Clone the repository:
git clone https://github.com/eggsy/recycling-platform
- Install dependencies:
pnpm install
ornpm install
- Create a Firestore account and get required fileds in
.env.example
file. - Fill in the required fields and rename it to
.env.local
. - Run the app:
pnpm run dev
ornpm run dev
for development mode.<pnpm/npm> run build
and<pnpm/npm> start
for production mode.
eggsy | merloss | Semih Özdaş |
🔗 - 💼 | 🔗 - 💼 | 🔗 - 💼 |