https://github.com/lissone/upfi
A website for uploading and viewing images.
https://github.com/lissone/upfi
chakra-ui faunadb imgbb nextjs react-query typescript upload-images
Last synced: 10 months ago
JSON representation
A website for uploading and viewing images.
- Host: GitHub
- URL: https://github.com/lissone/upfi
- Owner: Lissone
- Created: 2021-11-27T18:43:11.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-12-02T22:38:46.000Z (about 4 years ago)
- Last Synced: 2025-01-15T12:21:15.663Z (12 months ago)
- Topics: chakra-ui, faunadb, imgbb, nextjs, react-query, typescript, upload-images
- Language: TypeScript
- Homepage:
- Size: 5.34 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Description |
Requirements |
Technologies |
Usage |
Demonstration
## Description
Project was a challenge for the upload of images to work correctly, using faunaDb, imgBB and react query.
It consists of a website for uploading and viewing images, where the user can browse through their photos in a simple and suggestive way. For this application a lot of the ux aspect was used, which makes everything simpler and more beautiful for the user.
It was a very big challenge for me as it was one of the first times I worked with react query. Some fundamentals I'm still adapting, but it's an amazing tool that makes it possible to make the user experience even better, with a simple way of implementation. In addition to faunaDb and imgBB, which are incredible tools that allow you to make the front-end increasingly independent.
## Requirements
- [Npm](https://www.npmjs.com/)
- [Yarn](https://yarnpkg.com/)
- [Nodejs](https://nodejs.org/en/)
## Technologies
- NextJs
- Typescript
- ChakraUI
- React query
- React hook form
- FaunaDb
- ImgBB
- Jest
- ESLint (Airbnb config)
- Prettier
## Usage
You can clone it on your pc using the command:
```bash
git clone https://github.com/Lissone/upfi.git
cd upfi
```
Install dependencies using:
```bash
yarn
#or
npm install
```
Need to add environment variables:
```bash
# ./.env.local
# DEFAULT
NEXT_PUBLIC_IMGBB_API_KEY=
FAUNA_API_KEY=
```
Run web:
```bash
yarn dev
#or
npm run dev
```
## Demonstration
## License
Distributed under the MIT License. See `LICENSE` for more information.
Made with ❤️ by Lissone