Overview:
The Dribbble Clone project is a web application developed for educational purposes. It allows users to sign up, sign in, and sign out securely. Users can create shots (posts), like or unlike shots, modify and delete their own shots, and also modify their user profile. The application also includes functionality for users to mark shots as favorites, search for shots, and make subscription payments.
Features:
- User Signup | Signin | Signout Functionality: Users can create an account, log in to their account, and securely log out of their account.
- Ability To Create Shots (Posts): Users have the capability to create and publish shots (posts) on the platform.
- Like / Unlike Functionality: Users can like or unlike shots, indicating their preference and engagement with the content.
- Modify Your Shots: Users have the ability to edit and update their own shots according to their preferences.
- Delete Shot: Users can delete their shots if they no longer wish to have them available on the platform.
- User Profile: Users can view and modify their user profile according to their preferences.
- Modify Your Profile: Users have the ability to update and personalize their profile information.
- Favorite Shots: Users can mark shots as favorites, creating a personalized collection of their preferred content.
- Search Functionality: Users can search for shots based on keywords or specific criteria.
- Subscription Payment: The application includes functionality for users to make subscription payments, allowing access to premium features or content.
Installation:
To install the Dribbble Clone theme, follow these steps:
- Make sure you have ReactJS, Chakra UI, Recoil, Framer, Firebase, Vercel, and the Stripe API installed.
- Clone the repository using the command
git clone <repository-url>. - Navigate to the project directory using
cd <project-directory>. - Install the required dependencies using
npm install. - Set up and configure the necessary environment variables for Firebase, Vercel, and the Stripe API.
- Start the development server using
npm start.
Summary:
The Dribbble Clone project is a web application developed for educational purposes. It mimics the functionality of Dribbble, allowing users to create an account, publish shots, engage with content, personalize their profile, and make subscription payments. The project utilizes technologies like ReactJS, Chakra UI, Recoil, Framer, Firebase, Vercel, and the Stripe API.