Abhishekkjainn / Pinterest-Clone

A Full Stack Pinterest Clone made using React JS + Vite Framework , Powered by Firebase with Features such as Create Post , Authentication etc

Home Page:https://pintrestclone-seven.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pinterest Clone with React + Vite and Firebase

This project is a Pinterest clone built using React, Vite, and Firebase. It offers several key features including authentication, creating posts, viewing all posts, and detailed view of posts.

Features

Authentication

  • Users can sign up, sign in, and sign out securely using Firebase Authentication.
  • Protected routes ensure that only authenticated users can access certain features like creating posts.

Create a Post

  • Authenticated users can create new posts by uploading images, providing a title, description, and a link.
  • Images are uploaded to Firebase Storage, and post data is stored in Firestore.

View All Posts

  • Users can browse through all posts created by other users.
  • The main page displays posts in a visually appealing grid layout.

Detailed View of Posts

  • Clicking on a post opens a detailed view where users can see the image, title, description, link, and other details of the post.
  • Users can also like or bookmark posts for future reference.

Future Features

  • Liking and Following: Users will be able to like posts and follow other users to see their posts in their feed.
  • User Profile: Each user will have a profile page displaying all the posts they have made. It will also include analytics such as likes count, comments, and other engagement metrics.
  • Comments: Users will be able to leave comments on posts, allowing for interaction and discussion within the community.

Technologies Used

  • React: The frontend of the application is built using React, a popular JavaScript library for building user interfaces.
  • Vite: Vite is used as the build tool for the project, providing fast and efficient development experience.
  • Firebase: Firebase is utilized for backend services including Authentication, Firestore for storing post data, and Storage for uploading images.
  • HTML/CSS: Basic HTML and CSS are used for styling and structuring the components and pages.

Link for the project [ https://pintrestclone-seven.vercel.app ]

About

A Full Stack Pinterest Clone made using React JS + Vite Framework , Powered by Firebase with Features such as Create Post , Authentication etc

https://pintrestclone-seven.vercel.app


Languages

Language:JavaScript 68.9%Language:CSS 29.6%Language:HTML 1.5%