/coletai-front

Coletaí is my first authorial project. The main objective is to bring recycling cooperatives closer to people who sort recyclable waste at home.

Primary LanguageTypeScript

Coletaí WEB ♻️

Description

Coletaí's main objective is to bring recycling cooperatives closer to people who sort recyclable waste at home.

Registered users can request collections from the cooperatives, which in turn have the option of accepting or not the requests.

status-finished

Table of Contents

Mockups

flat-devices-mockup standing-iphone-mockup

Features

  • Sign Up - User and cooperative registration;
  • Sign In - Log in as an user or cooperative;
  • Request Collection - As an user, create a collection;
  • Finish Collection - As a cooperative, finish the collection request;
  • Cancel Collection - As a cooperative, cancel the collection request.
  • Find Cooperatives - Find nearby cooperatives looking at the homepage map;

Built With

Vite TypeScript React React Query Styled Components TailwindCSS

Running the Project

  1. Clone the repository:

    git clone https://github.com/akiraTatesawa/coletai-front.git
  2. Navigate to the project directory

    cd coletai-front/
  3. Install the dependencies

    npm install
  4. Set your environment variables following the .env.sample file:

    Name Type
    VITE_API_URL string
  5. Run the project on dev mode and have fun!

    npm run dev