Picturest

Picturest is a project inspired by Pinterest, designed to facilitate the sharing and discovery of images. It leverages modern technologies for both the backend and frontend to provide a seamless and enjoyable user experience.

Features

• User authentication (Sign up, Login, Logout)
• Image posting and details
• Save and comment system
• User profiles
• Search functionality
• Responsive design for various devices

How to Use

Welcome to Picturest! Follow these simple steps to explore and share amazing images:

1. Explore Images

Browse through a wide variety of images. Click on an image to view more details.

2. Sign Up

To save images or post your own, sign up for an account. Click on "Sign Up" and follow the registration process.

3. Share Your Pictures

Once logged in, click on "Post" icon to share your favorite pictures with the community.

4. Discover and Interact

Explore, save, and comment on pictures from other users. Connect with the Picturest community.

Need Help?

If you encounter any issues or have questions, our support team is ready to assist you. Contact us via GitHub or Facebook.

We hope you have a wonderful time using Picturest!

Technologies and Tools Used

Backend & Database

• Express Framework
• JWT (JSON Web Tokens)
• Multer
• Class Validator
• TypeScript
• TypeORM
• Oracle
• Docker
• Podman (an alternative to Docker)
• CircleCI

Frontend & Design

• Ionic
• React
• TypeScript TSX
• Ant Design
• WindiCSS
• Redux
• Vite
• TinyMCE (experiment)
• Figma
• Canva (design logo)
• Adobe Photoshop
• Adobe Illustrator

Runtime

• Bun (BE project)
• NPM (FE project)

Development Tools

• VSCode (Linux CuteFish OS)
• SQL Developer
• Postman
• Swagger

Installation

1. Clone the repository: git clone https://github.com/longphanquangminh/fullstack-js-pinterest-clone.git
2. Navigate to the project directory: cd pinterest-expressjs-backend
3. Install BE dependencies: bun install (remember to globally install the latest version of bun)
4. Run bun start:dev to start the BE application.
5. Then navigate to another monorepo: cd photo-gallery
6. Run npm install to install the FE dependencies.
7. Run ionic serve to start the FE application (remember to globally install ionic CLI first).

Useful Links

🌟 Figma: HERE

🌟 Youtube preview: https://youtu.be/cnerwftjnmM

---

This project is mainly developed and contributed by Long Phan