Francozeira / nlw_mobo

Ecoleta: is a one week fullstack development portfolio project focused on garbage collection features, this is the mobile version repo ♻️ πŸ“± πŸ’œ

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ecoleta ♻️ πŸ“± πŸ’œ πŸ’» πŸ“‘

NodeJS_Badge React_Badge React_Native_Badge Node_Badge

Ecoleta is a small project focused on bringing a experience of easy registering and searching for garbage collection locations via website or mobile app.

This is a one week fullstack development project, composed of a web page, mobile app and web server with the use of TypeScript to create a Node.js server for the backend, web page with React.js and React Native supported with Expo for the mobile app.

This is the mobile React-native version developed for this project, you can check the web frontend at Ecoleta web and backend application at Ecoleta backend, also, all assets were provided by Rocketseat.

A small list of tech characteristics and utils used in the project worth mentioning:

  • Server
    • Express
    • Knex
    • SQLite
    • Brazilian Institute of Geography and Statistics API
    • Multer
    • Insomnia (API Design Plataform)
  • Web
    • Figma (design prototype)
    • React
    • Fleaflet (Map Interface)
    • Google Fonts
  • Mobile
    • React Native
    • Expo
    • Fleaflet (Map Interface)

Project setup

Make sure to install all dependencies prior to run the application, on package.json file you can check all npm scripts used. Please note that this project was designed based on the use of Expo app to run and test the project.

Compiles for development

# Start the Expo app at http://localhost:19002/:
$ npm start

# Use the QR code to run the app on your smatphone with Expo app

And that's basically it for starting the development of the project, pretty simple, huh?


🎨 Images

Full web and mobile experience

About

Ecoleta: is a one week fullstack development portfolio project focused on garbage collection features, this is the mobile version repo ♻️ πŸ“± πŸ’œ


Languages

Language:TypeScript 99.3%Language:JavaScript 0.7%