Skip to content

Widget that allows the user to submit forms with the current screen through a screenshot functionality

Notifications You must be signed in to change notification settings

iwataniKenji/feedget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Summary

📙 About 🖼️ Preview 📖 How to Start 💡 Features 💻 Technologies

✔️ FeedGet project finished ✔️

📙 About

Feedget is a useful widget to implement on any application that needs a support area with submit forms. The main feature is that it allows the user to insert the screenshot of the error screen at the moment and send it with the form text when submitted. In addiction, this app is totally well planned for accessibility as well.

The Next Level Week is a whole week coding event based on the development of a complete application using some of the most used tools available on the JavaScript Stack, such as Tailwind, React and React Native. The purpose is all about keep learning, sharing the challenges with other student, making networking and improving on your hard and soft skills.

This project used Vercel and Heroku for deployment.

Originally created on Next Level Week from Rocketseat and made by Kenji Iwatani


🖼️ Preview

feedget project overview

📖 How to Start

Starting this repository

# Clone this repository
$ git clone https://github.com/iwataniKenji/feedget

# Access the project directory
$ cd feedget

Server

# Access the "server" folder
$ cd server

# Install dependencies
$ npm install

# Rename '.env.example' to '.env' and set your env variables
$ ren ".env.example" ".env"

# With a PostgreSQL running, run the migrations
$ npx prisma migrate dev

# Start the server
$ npm run dev

Web

# Access the "web" folder
$ cd web

# Install dependencies
$ npm install

# Make a copy of '.env.local.example' to '.env.local'
$ ren ".env.example" ".env.local"

# Start the application
$ npm run dev

Mobile

# Access the 'mobile' folder
$ cd mobile

# Install dependencies
$ npm install

# Start bundle
$ npm run start

💡 Features

  • Declarative interface with Tailwind
  • Screenshot usage on forms
  • Accessibility for "keyboard only" users
  • Communication between components through props
  • Loading spinner
  • Mobile version developed with React Native
  • Gesture on mobile version
  • Complete frontend and backend integration
  • Mailtrap to receive and check the information from input sending
  • Test automation with Jest

💻 Technologies

Frontend

Mobile

Backend and Deployment

About

Widget that allows the user to submit forms with the current screen through a screenshot functionality

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published