danishzayan/yourquotes-app

YourQuotes is a user friendly and an eye catching App. User can post your qutoes without login and that user can delete YourQuotes not from other user. User can share quotes with friend, copy to clipboard and do download gradient quotes image..

YourQuotes-App 📱

"YourQuotes" is a visually stunning and user-friendly application built with Vite+React. It offers a seamless experience for users to post their favorite quotes, ensuring a streamlined process. Users can effortlessly share quotes with friends, copy them to the clipboard, or download them as gradient images. The app also includes essential features such as a Home feed, Notifications, Bookmarks, and Profile management. Additionally, users can interact with quotes using Like buttons and have the option to edit their own submissions. Exciting features like "Quotes of the Day" provide daily inspiration, while translation capabilities enhance accessibility for a global audience. With its intuitive interface and a myriad of features, YourQuotes is the ultimate destination for quote enthusiasts to engage, express, and inspire. Join us in the journey of sharing wisdom and inspiration with YourQuotes.

Screenshot of App 📷

Run YourQuotes-App

npm install

npm run dev

📜 Quotes Application UI Features

This application allows users to post, search, listen to, share, copy, download, and manage quotes with ease. Below is a detailed list of features to help contributors understand the current functionality and areas that need further development.

✅ Completed Features

• Quotes Posting ➕
  • Users can post new quotes by clicking on the plus icon (+) at the bottom right corner.
• Search Functionality 🔍
  • A search bar at the top allows users to search for quotes.
• Listening to Quotes 🔊
  • Users can listen to quotes using the text-to-speech feature.
• Sharing Quotes 📤
  • Users can share quotes via a share button.
• Copying Quotes 📋
  • Users can copy quotes to the clipboard.
• Downloading Quotes 📥
  • Users can download quotes.
• Dark Mode 🌙
  • Users can toggle between dark mode and light mode.

🚧 Pending Features

• Pages 📄
  • Home
  • Notification
  • Add
  • Bookmark
  • Profile
• Edit Quotes ✏️
  • Implement functionality for users to edit existing quotes.
• User Authentication 🔐
  • Add user login and registration features to personalize the experience.
• Commenting on Quotes 💬
  • Allow users to add comments on individual quotes.
• Like Button 👍
  • Implement a feature to allow users to like quotes.
• Favorites/Bookmarks 📑
  • Allow users to mark quotes as favorites or bookmark them for later reference.
• Profile Management 👤
  • Add user profile management to track posted quotes and activities.
• Quote Categories/Tags 🏷️
  • Enable categorizing or tagging quotes for better organization and searchability.
• Quote Translations 🌐
  • Provide a feature to translate quotes into different languages.
• Notification System 🔔
  • Implement notifications for user activities and updates.
• Social Sharing 🌐
  • Allow users to share quotes on social media platforms.
• Quote of the Day 🌅
  • Feature a "Quote of the Day" on the homepage.

• Analytics Dashboard 📊
  • Provide an analytics dashboard for users to see their quote interactions in profile.
• User Follow System ➕👤
  • Allow users to follow other users and see their activity.
• Multimedia Quotes 🎨
  • Enable users to add images or videos to quotes.
• Quote Collections 📚
  • Allow users to create and share collections of quotes.
• Offline Mode 📴
  • Provide an offline mode to access quotes without an internet connection.
• Localization 🌍
  • Support multiple languages for the application interface.

Contributing 👨‍💻

• Contributions make the open source community such an amazing place to learn, inspire, and create.
• Any contributions you make are greatly appreciated.
• Check out our contribution guidelines for more information.

License 🛡️

YourQuotes-App is licensed under the MIT License - see the LICENSE file for details.

Project Admin 😎

Danish Kamal

Contributor Over Time ⏳

Project Contributors 🌟

Thanks a lot for spending your time helping YourQuotes grow. Thanks a lot! Keep rocking 🎉

---

Made in ❤️ INDIA and ⭐ Staring the repo..

yourquotes-app's Issues

Delete Qutoes Funtionality.

Every body can post YourQutoes but should not be delete qutoes from everybody.. whenever other people try to delete your qutoes show tostify msg "This is not YourQutoes" or from Which system post Qutoes from only that system can delete qutoes not any other system and this funtionality should work on without login...

I want fav navbar design in your-quotes.

I want fab navbar design like this and this design should be in the bottom and fixed.....

Fab navbar design has following icon....

1. Home icon.
2. Category icon.
3. Add your qutoes plus icon as in screen shot.
4. save your quotes means heart or save icon.
5. setting icon

You can design fab navbar as you like... But this five point should be include in fab navbar..
And it should be responsive.

Fix Quotes delete issue...

I want that the quotes should be deleted from the system of whose mobile or system only the quotes are posted. Your posted quotes should not be deleted from other's system or mobile.
And when someone else deletes it from their mobile then alert should come that "this is not your qutoes"..

Add manifest.json file for PWA (Progressive Web App)

Add a beautiful Loader..

Add a beautiful Loader when YourQuotes app will be open so it will be loading.

I want loader like this...

When data is fetching from sever then I will be loading after that data will be show like this ....

Remove "type to add your-quotes" post card

Remove "type to add your-quotes" post card after that Add plus icon on the bottom-right-corner and when user click on plus icon a popup should be open for posting qutoes..

Adding a filter option and enhance Dark Mode

Hey @danishzayan ! Can you please assign me with this issue?

I would like to perfom the following upgradation

1. OnHover Effect on card
   On hovering to the card, the card will pop slightly.
2. Improve Dark Mode
   3.Filter
   Filtering will be based on dates placed at header

Writer name doesn't appear in the card

Even though we have entered a name in writer's name input. Still, By Danish appears in every card. I guess By <Writer's name> should appear.

Move Add+ Quotes Button from right bottom corner & add Redesign Popup with TailwindCSS

Move the 'Add Quotes' button from the right bottom corner to the bottom navigation, improving accessibility. Implement Tailwind CSS for a visually appealing redesign of the popup that appears when users click on the plus icon to post quotes."

Quotes should be search in both Capital and small letter

Whenever user search in capital or small letter so card should be search in both letter.

Quotes card design issue.

This card is not perfect when i seaching and one result is showing when i work on this issue.

Calling all open source developer to contribute in this user friendly project.

bug

deleting the quote that I wrote but its not getting deleted from the api.
the deleted quote appears again when i refresh the page.

Add a attractive background color

I can add a attractive background colour

button is not

Fix this issue Share qutoes with social media..

When user qutoes share with social media on whatsapp, fb and twitter so must share both qutoes and app link not only link...

Search bar should be in right side...

Quotes card should be shareable in jpg or png file on the whatsapp.

Add a sound icon to Listen Quotes in a card

Share gradient card image with social media

Share gradient card image with social media without card footer icon and even should share app link with image.

Darkmode issue

After refresh the page dark mode should be show in dark mode 🌑 not show in light mode..

No error handling on trying to submit an empty quote

There's no response on when someone tries to submit an empty quote.

When user post a qutoes so it should be show at the top

When someone post a qutoes so it show in the bottom means last index.. i want that quotes should be show at the top 0 index... When someone post...

Add a small loader beautiful in the bottom..

Add a small loader in the bottom when data is fetching from api then it will load after that YourQuotes will be show..

Add a small icon in bottom right corner for scroll to the top of the page..