Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/malkiii/scatch

An image website built with Nextjs where you can search for images and download or save them in your albums.
https://github.com/malkiii/scatch

images nextjs react tailwindcss trpc vercel website

Last synced: about 2 months ago
JSON representation

An image website built with Nextjs where you can search for images and download or save them in your albums.

Awesome Lists containing this project

README

        

# Scatch

> an image website where you can search for images and download or save them in your albums.

## About this project

This project is built with [Nextjs](https://nextjs.org/) (using `/pages` folder) with modern web-dev technologies like tailwindcss, tRPC, and features like authentication, data fetching, image manipulation...

## Features and Technologies

- [x] Written with **Typescript**.
- [x] Using **React 18** and **Next js**.
- [x] Styling with **tailwindcss**.
- [x] Authentication with **next-auth**.
- [x] Creating typesafe API routes using **tRPC**.
- [x] Integrated database ORM using **Prisma**.
- [x] Tailwindcss components and Themes with **daisyUI**.
- [x] Image hosting with **Cloudinary**.
- [x] E2E testing with **Cypress**.

## Running Locally

1. Install dependencies using pnpm:

```sh
pnpm install
```

2. Rename `.env.sample` to `.env.local` and update the variables.

3. Start the development server:

```sh
pnpm dev
```

## Deployment

[![Powered by Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fmalkiii%2Fscatch)