https://github.com/writeonlycode/parallactic-gallery
Parallactic Gallery is a minimalist web application designed for users to anonymously upload and explore images.
https://github.com/writeonlycode/parallactic-gallery
Last synced: about 1 month ago
JSON representation
Parallactic Gallery is a minimalist web application designed for users to anonymously upload and explore images.
- Host: GitHub
- URL: https://github.com/writeonlycode/parallactic-gallery
- Owner: writeonlycode
- License: other
- Created: 2024-05-07T13:49:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-08T18:24:38.000Z (over 1 year ago)
- Last Synced: 2024-12-29T08:11:44.058Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://parallactic-gallery.vercel.app
- Size: 11 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Parallactic Gallery is a minimalist web application designed for users to
anonymously upload and explore images. It offers a straightforward and
intuitive platform for sharing visual content without the need for user
accounts or complicated interfaces.
## Getting Started
These instructions will get you a copy of the project up and running on your
local machine for development and testing purposes.
### Prerequisites
Before you begin, ensure you have the following installed on your machine:
- Node.JS
- NPM
- Supabase CLI
### Installation
1. Clone the repository to your local machine:
```
git clone https://github.com/writeonlycode/parallactic-gallery .git
```
2. Navigate into the project directory:
```
cd parallactic-gallery
```
3. Install dependencies:
```
npm install
```
4. Start Supabase services:
```
supabase start
```
5. Create a `.env.local` at the root of the project and configure the
environment variables:
```
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_KEY=
```
7. Finally, to run the development server and view the project locally, use the
following command:
```
npm run dev
```
This will start a development server at `http://localhost:3000`. Open this URL
in your web browser to view the website.
### Deployment
To deploy Parallactic Gallery, you can use any hosting provider that supports
Next.JS, and you also need a Supabase project. To link Parallactic Gallery to
your remote Supabase project, you just have to configure the environment
variables with the values of your remote Supabase instance and update Next.JS
`next.config.mjs` configuration file to allow access to remote images from your
Supabase storage:
```
/** @type {import('next').NextConfig} */
const nextConfig = {
images: {
remotePatterns: [
{
protocol: "https",
hostname: "",
},
{
protocol: "http",
hostname: "127.0.0.1",
port: "54321",
},
],
},
};
export default nextConfig;
```
## Built With
- [Next.JS](https://nextjs.org/) - The React framework used for building the website.
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for building custom designs quickly.
- [Framer Motion](https://www.framer.com/motion/) - A library for creating animations in React applications.
- [Supabase]() - Supabase is an open source Firebase alternative that provides
a Postgres database, Authentication, instant APIs, Edge Functions, Realtime
subscriptions, Storage, and Vector embeddings.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.