This fullstack portfolio project captures the essence of the ArtStation grid style to deliver a professional and visually striking gallery-style display. Built with a NestJS backend and React frontend, it uses PostgreSQL for secure and structured data handling, Framer Motion for fluid animations, and a modular component structure to support future updates seamlessly.

Each project showcase is visually engaging and optimized for user interaction, making it perfect for creatives, photographers, or designers looking to highlight their work in a refined digital gallery.

NOTE: All demo works used in this project belong to Sergey Vasnev. You can find him on ArtStation.

Grid Layout: Visually engaging gallery display to showcase projects elegantly.

NestJS Backend: Efficient and structured server architecture for managing portfolio data.

PostgreSQL Database: Secure storage for works and details, supporting efficient querying.

Modular Components: Scalable React component structure for easy maintenance and updates.

Smooth Animations: Uses framer-motion to create engaging and responsive transitions.

Axios Integration: Seamless API calls between frontend and backend for data retrieval.

TailwindCSS Styling: Modern and responsive design for all devices with utility-first CSS.

CRUD Testing: Built-in test suite for validating backend functionality.

Role preview: View the contents of the page from the user's perspective or the administrator's.

Populate Portfolio: Load initial dataset from SQL to showcase sample works on first setup.

Add New Works: Easily add new project entries to the portfolio directly from the frontend interface.

Remove Works: Delete outdated or unnecessary works from the portfolio with a simple action.

Update Work Details: Edit details of any project, including title, description, and images, to keep the portfolio current.

Want a more hands-on experience? You can find the repo below, with full build instructions: