https://github.com/eggsy/recycling-platform

♻️ Raising awareness of recycling through web. Built by Next.js, Tailwind CSS and Firebase.
https://github.com/eggsy/recycling-platform

google-solution-challenge-2023 nextjs recycling

Last synced: about 1 month ago
JSON representation

♻️ Raising awareness of recycling through web. Built by Next.js, Tailwind CSS and Firebase.

• Host: GitHub
• URL: https://github.com/eggsy/recycling-platform
• Owner: eggsy
• Created: 2023-03-18T21:54:55.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-15T20:41:19.000Z (about 2 years ago)
• Last Synced: 2025-02-28T18:33:48.355Z (about 2 months ago)
• Topics: google-solution-challenge-2023, nextjs, recycling
• Language: TypeScript
• Homepage: https://recycling.is-important.net
• Size: 4.05 MB
• Stars: 10
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  ♻️ Recycling Platform



We are trying to raise awareness to the importance of recycling. This is a [Google Solution Challenge 2023](https://developers.google.com/community/gdsc-solution-challenge) 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](https://recycling.is-important.net).

## Watch the Trailer

[![Watch the Trailer](/public/banner.png)](https://youtu.be/tBjP00O3QrU)

## Features

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

## Techstack

- React.js & Next.js

- Tailwind CSS

- Google Analytics

- Firebase (firestore, authentication, storage, analytics)

- PWA (native apps, offline access)

## Quick start

Make sure you have [Node.js](https://nodejs.org) and [Git](https://git-scm.com) installed on your system. Node.js comes with a package manager called `npm` but I suggest you use [`pnpm`](https://pnpm.io/) instead since it's faster and more efficient.

1. Clone the repository:

   - `git clone https://github.com/eggsy/recycling-platform`

2. Install dependencies:

   - `pnpm install` or `npm install`

3. Create a Firestore account and get required fileds in `.env.example` file.

4. Fill in the required fields and rename it to `.env.local`.

5. Run the app:

   - `pnpm run dev` or `npm run dev` for development mode.

   - ` run build` and ` start` for production mode.

## Team

   

     

         

            

         

     

     

         

           

         

     

     

        

     

   

   

    

      eggsy

     

     

      merloss

     

     

      Semih Özdaş

     

   

   

    

      🔗 -

      💼

     

     

      🔗 -

      💼

     

     

      🔗 -

      💼