Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iwatanikenji/feedget
Widget that allows the user to submit forms with the current screen through a screenshot functionality
https://github.com/iwatanikenji/feedget
expo expressjs heroku insomnia jest prisma sqlite taillwindcss vercel vite
Last synced: about 1 month ago
JSON representation
Widget that allows the user to submit forms with the current screen through a screenshot functionality
- Host: GitHub
- URL: https://github.com/iwatanikenji/feedget
- Owner: iwataniKenji
- Created: 2022-05-03T14:07:46.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-05-25T16:41:28.000Z (over 2 years ago)
- Last Synced: 2024-11-05T15:13:16.311Z (3 months ago)
- Topics: expo, expressjs, heroku, insomnia, jest, prisma, sqlite, taillwindcss, vercel, vite
- Language: TypeScript
- Homepage: https://feedget-kenji.vercel.app
- Size: 2.37 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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
Check website →
---
🖼️ Preview
---
📖 How to Start
Starting this repository
```bash
# Clone this repository
$ git clone https://github.com/iwataniKenji/feedget
# Access the project directory
$ cd feedget
```
Server
```bash
# 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
```bash
# 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
```bash
# Access the 'mobile' folder
$ cd mobile
# Install dependencies
$ npm install
# Start bundle
$ npm run start
```
---
💡 Features
- [x] Declarative interface with Tailwind
- [x] Screenshot usage on forms
- [x] Accessibility for "keyboard only" users
- [x] Communication between components through props
- [x] Loading spinner
- [x] Mobile version developed with React Native
- [x] Gesture on mobile version
- [x] Complete frontend and backend integration
- [x] Mailtrap to receive and check the information from input sending
- [x] Test automation with Jest
---
💻 Technologies
Frontend
- [x] Vite
- [x] React
- [x] Typescript
- [x] Tailwindcss
- [x] Phosphor Icons
- [x] Axios
Mobile
- [x] React Native
- [x] Expo
- [x] Reanimated
- [x] Bottom Sheet
- [x] Gesture Handler
Backend and Deployment
- [x] Express
- [x] Prisma
- [x] Mailtrap
- [x] Insomnia
- [x] Jest
- [x] Vercel
- [x] Heroku
- [x] Mailtrap