I designed and developed this app for my father, who was not only a wonderful dad but also a talented artist. In the process, I aimed to enhance my MERN stack skills and deepen my understanding of web development.
As an artist, you can manage your art pieces seamlessly. The design is kept very simple to let viewers focus on the shown art. The secure admin area, protected by a login system, allows you to crop your artwork before uploading it to the cloud. You can also update or delete your pieces as needed. The gallery is exclusively for viewers, featuring a user-friendly layout with individual detail pages for each artwork, making it easy to share on social media.
- OAuth Login: Secure access for administrators with alternative credentials login.
- Image Cropping: Crop images before uploading for a polished presentation.
- Image Optimization: Resize and convert images to WebP format for improved performance.
- Next.js: Slug generation for clean URLs.
- Tailwind CSS: Dark mode support without the need for dark selectors.
To work locally, please install the dependencies using pnpm i first.
Run pnpm dev to start a development server and open the displayed URL in a browser.
You can use the following commands:
pnpm devto start a development serverpnpm buildto build the projectpnpm startto start a production serverpnpm testto run the testspnpm lintto run the linter