Shopper

Shopper is an E-commerce UI kit for both mobile (React Native) and web (Next.js). It will help you creating your own e-commerce application and website with full user flow.

IMPORTANT: Next.js version coming soon!

Commitizen friendly GitHub language count Repository size GitHub last commit License Stargazers

Status: Development

AboutFeaturesLayoutHow it worksTech StackContributorsAuthorLicense

About

♻️ Shopper - is a way to connect companies and entities that collect organic and inorganic waste to people who need to dispose of their waste in an ecological way. Project developed during ** NLW - Next Level Week ** offered by Rocketseat. NLW is an online experience with lots of practical content, challenges and hacks where the content is available for a week.


Features

  • Companies or entities can register on the web platform by sending:

    • an image of the collection point
    • entity name, email and whatsapp
    • and the address so that it can appear on the map
    • in addition to selecting one or more collection items:
      • lamps
      • Batteries
      • papers and cardboard
      • electronic waste
      • organic waste
      • kitchen oil
  • Users have access to the mobile application, where they can:

    • browse the map to see the registered institutions
    • contact the entity via E-mail or WhatsApp

Layout

This project does not contain the design source like the figma file.

Mobile Preview

Shopper

Web Preview (coming soon!)

Shopper


How it works

Pre-requisites

Before you begin, you will need to have the following tools installed on your machine: [Git] (https://git-scm.com), [Node.js] (https://nodejs.org/en/). In addition, it is good to have an editor to work with the code like [VSCode] (https://code.visualstudio.com/)

Running the application

# Clone this repository
$ git clone git@github.com: tgmarinho / README-ecoleta.git

# Access the project folder in your terminal
$ cd README-ecoleta

# Go to the Front End application folder
$ cd web

# Install the dependencies
$ npm install

# Run the application in development mode
$ npm run start

# The application will open on the port: 3000 - go to http://localhost:3000

Tech Stack

The following tools were used in the construction of the project:

Website (React + TypeScript)

See the file package.json

Server (NodeJS + TypeScript)

See the file package.json

See the file package.json

Utilitários


Author

Thiago Marinho
Raí Vieira Adriano

Linkedin Badge Gmail Badge


License

This project is under the license MIT.

Made with love by Raí Vieira Adriano 👋🏽 Get in Touch!