https://github.com/fac24/paintbox
An app that brings up the spirits of anyone and everyone 🎨
https://github.com/fac24/paintbox
nextjs react
Last synced: about 1 month ago
JSON representation
An app that brings up the spirits of anyone and everyone 🎨
- Host: GitHub
- URL: https://github.com/fac24/paintbox
- Owner: fac24
- Created: 2022-06-24T09:20:14.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-06T19:39:43.000Z (almost 4 years ago)
- Last Synced: 2025-02-28T12:16:21.174Z (over 1 year ago)
- Topics: nextjs, react
- Language: JavaScript
- Homepage: https://paintbox-app.vercel.app/
- Size: 1.29 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🖌 Paintbox 🧑🎨
# ✨ Introduction
- An app that brings up the spirits of anyone and everyone that feels down and concerned with troubles. This app also gives users a journal to express and track their art privately.
- This comes down to art therapy- users can upload art that reflects their mood.
- Users will also be able to upload art inspired by the weekly prompt that can be viewed in a public gallery (if they'd like).
# :art: Designed and Developed by:
- [Asmahan](https://github.com/AsmahanM) :Scrum Facilitator
- [Hallie](https://github.com/vasystus): Quality Assurance
- [Peter](https://github.com/PJSalter): UX/UI Lead
- [Petra](https://github.com/alternadiva): DevOps
## :rainbow: To access the app:
- Click on the link in the bar on the right hand side to view the deployed app.
- Or click here for accessing :art: [Paintbox](https://paintbox-app.vercel.app/) :framed_picture:
# Created in:
- 🧩 🤹 React and NextJS
- 🌡 🧪 Cypress
- 🧑🎨 💅 Styled with Styled component and Vanilla CSS
- Supabase database and authentication
- Prettier code formatting
- ESLint linting
- vercel deployment
## 👩🎨 User Stories:
- [x] Users can sign up and log in manually or via Google or Github.
- [x] Users can view the weekly prompt word to inspire them to create some artwork which they can then share to the public gallery.
- [x] Users can view artwork posted by other users on their feed or via the gallery.
- [x] Users can toggle the privacy of their posts and decide whether their work is displayed on the public feed.
- [x] Users can filter the posts on the gallery by mood
- [x] Users can also edit and delete their posts.
- [x] Users can comment or posts or hide posts on their feed they no longer wish to see.
## 💻 Database Schema
# For the likeminded Coders:
### Using the Application for Coders
1) In the terminal run `git clone https://github.com/fac24/paintbox.git`
2) Then run `cd paintbox`
3) Then `code .` to open repo in your code editor
4) Make up your own `env.local` file in the root of the project.
5) Then Run `npm install` to get the depenencies
6) After this you can experience the wonder of Paintbox App.
