Coder Social home page Coder Social logo

akd-01 / blogweet Goto Github PK

View Code? Open in Web Editor NEW
36.0 2.0 160.0 391 KB

BlogWeet is a web app that empowers individuals of all ages to create, share, and engage with blog posts, fostering a vibrant community of diverse perspectives.

Home Page: https://blogweet.vercel.app

License: MIT License

HTML 3.36% CSS 46.53% JavaScript 50.11%
blog css3 firebase reactjs

blogweet's Introduction

BlogWeet



BlogWeet is a user-friendly social media app for creating, posting, and sharing blogs. It provides a vibrant community for sharing and exploring new ideas and perspectives.

Table of Content

Brief

BlogWeet is a social media app that allows users to create, post and share their blogs. It is a platform that encourages users to express their thoughts, opinions, and perspectives through written content, and engage with the content of others. The app is easy to use, and it is designed to be accessible to users of all ages and levels of technical expertise. Users can create their blogs and post their content with just a few clicks. Once a blog post is published, other users can read, and share it. This creates a vibrant and dynamic community of users who are passionate about sharing and discovering new ideas and perspectives. The platform is also searchable, so users can easily find content that is relevant to their interests.

Main Features

● Easy-to-use interface : The app is designed to be accessible to users of all ages and levels of technical expertise. Users can create and post their content with just a few clicks.

● Blogging platform : The app is a social media platform that allows users to create, post and share their blogs. It encourages users to express their thoughts, opinions, and perspectives through written content.

● Engaging community : The app creates a vibrant and dynamic community of users who are passionate about sharing and discovering new ideas and perspectives. Users can engage with the content of others by reading, sharing, and commenting on blog posts.

🧰 Tech Stacks Used

  • Frontend: React

  • Backend: Firebase

➡️Installation Guide:

✴️ First, fork the repository (Click the Fork button in the top right corner of the page).

✴️ Clone the forked repository to your local machine.

git clone https://github.com/your_username/blogweet.git

✴️ Add upstream URL

git remote add upstream https://github.com/akd-01/blogweet.git

✴️ Create a new branch

git checkout -b branch_name
NOTE: please create a .env.local file in the root folder and add your api's from firebase or add following:

REACT_APP_API_KEY="AIzaSyD9tMXwqU7ijIKnQu0vsX1UoR9FM_w7r2E"
REACT_APP_AUTH_DOMAIN="blog-5814a.firebaseapp.com"
REACT_APP_PROJECT_ID="blog-5814a"
REACT_APP_STORAGE_BUCKET="blog-5814a.appspot.com"
REACT_APP_MESSAGE_SENDER_ID="787500061298"
REACT_APP_APP_ID="1:787500061298:web:242f526d6800f0bbbf68eb"
GENERATE_SOURCEMAP=false

✴️ IMPORTANT: Run the following command to install node modules

npm i

✴️ Make your contribution

✴️ Commit and push the changes

git add .
git commit -m "Your message"
git push origin branch_name

✴️ Create a new pull request from your forked repository (Click the New Pull Request button located at the top of your repo)

✴️ Wait for your PR review and approval from the maintainers.

✴️ Star ⭐ this repository if you liked it and you can also follow me 👀 .

➡️Contribution Guide:

👉You must fork the repo.

👉After doing npm start, create your account on the website and be familiar with the interface.

👉You are adviced to make your own branch for contributing.

👉Now you can either create an issue to request some changes or adding features or improving styling.

👉You can also work on already created issues, but first comment on that issue, so that you get assigned the label of gssoc23 and start working that issue and once you complete, you can raise a pull request.

👉Once I review your code and if it seems okay then your branch will be merged.

👉Bonus Tip: If you are new to GitHub and using terminal does no suit you, then you can use GitHub Desktop.

Contributors

blogweet's People

Contributors

abhi03ruchi avatar abhinav-m22 avatar ahtaxam avatar akankshachanana1 avatar akd-01 avatar bhaskarkumar1 avatar gsayak avatar gurleensingh201 avatar harshit-002 avatar heyhimansh avatar himanshunarware avatar manaver avatar mani200307 avatar mhr1812 avatar monson2002 avatar nidhiparab avatar rayyan016 avatar rishabhchaudhary0210 avatar rishav1707 avatar rt-001 avatar s-ishita avatar sachdevavaibhav avatar shruti8302 avatar srivastavaritik avatar subrat611 avatar sukhendu2002 avatar sumitkr2000 avatar tajmalnas avatar tuhinaww avatar yashshukla11 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

blogweet's Issues

Enhancement of UI

I would like to enhance the UI of the website as well as fixing the bugs of not displaying of some of the images.

Add Readme Badges

hello,
i want to add readme badges, image for the reference is attached, this image is just for the reference, to make it clear of what im talking about.
image

Responsive logo and better object shadows and share buton

I want to add the home page to the logo so that on clicking the logo, user is directed back to the website
Also, I want to add link to the twitter logo so that on clicking it, user is directed to the twitter account
And I want to change the UI of the share button, the shadows
Please assign it to me

Dark theme

I would like to build a button to toggle between light mode and dark mode in the vertical navbar

Responsive layout design

Hi! I would like to contribute to this issue under the GSSoC'23. It seems interesting and aligned with my skills. I would be happy to take it up and work on this project.

proj

add footer

A footer can be made to access all the social links and for branding and copyrights. I want to work on this issue Please assign it to me

protected routes

I would like to work on the issue under GSSoC2023: Routes are not protected even if I'm logged in still I can access the login page.

Move firebase functions to a separate file

We can move all the firebase functions to a separate file so that there is one file that controls the behavior of firebase. This way we can create interface between firebase and blogweet. If something changes in firebase in the future there will be only one file where we need to make the changes.
You can assign me the issue and I can work on it.

[DESIGN] improving the ui of the Blogpost component

Improving the UI of the Blogpost component

The blogpost component can use a lot of UI updates.

I would like to contribute as a GSSOC'23 contributor by making it more eye soothing.
I will also try to make it responsive.

Ehnance User experience and make Title clickable !

Issue : 1
Screenshot 2023-05-20 182300
Title : 'BlogWeet' can be made clickable so that user can navigate to about section directly and we would not require extra about section , this enhance user experience and make app more simple and clean.

Issue : 2

Screenshot 2023-05-20 182149
Hover effect looks over and unwanted that can be enhanced by using CSS.

Issue : 3
image
Website is not responsive which must. I am good in media queries and can improve this.

If I will get a chance to work in this project I will overall enhance this project.
Thankyou :)

Adding the option for the user to edit and delete their blogs

Describe the project you want to add with tech stack
I want to make the website more user friendly and open the options to edit and delete past blogs by the user. I would do that with the help of HTML CSS and Js along with the help of data stored in the firebase.

Please assign this issue to me under GSSOC'23 label.

[BUG FIXES] Fixing bugs related to form submission

Bugs -

  1. User is able to submit empty form.
  2. No default photo is shown if user doesn't provide an image link.
    References for above bugs -
    pop
    pop2

I would like to work on this issue ender the GSSoc'23 program.Please assign it to me.

Feature: Favourites and Upvoting

User shall mark the blog post which he likes as favourite. User shall upvote and downvote blog posts, which would be shown publicly to all users (similar to Codeforces blogs)

Website's Design Improvement

The website interface is nice but it can be improved by making some design adjustments. Working on the design of the website, I would like to make it even better.

Adding a search bar and filters for dates

Adding a search searching through key words in the title or the description and filtering with respective dates. I would like to add this to Blogweet as a GSSOC'23 Contributer.

Can you please assign this issue to me?

Changing the share icon to Clipboard icon

I would like to work on this issue under GSSoC'23.Its seems interesting and aligned with my skills. I would be happy to take it up ad work on this project. I have attached screenshoot of icon which i have to change.

image

Authorization

i can add authorization in this for sign up and sign in (as contributor of Gssoc'23)

assign this issue to me

Improve UI of login page

I would like to improve the UI of login so that it enhances the current smoothness of user logging in. Looking forward to contributing under GSSoC 23
image

Add scroll to top button

I would like to add a scroll to top button to the home page of BlogWeet as a GSSOC'23 contributor. Could you please assign this issue to me?

Avoid Blank Posts and Add Default Photo

##Issue
Currently, our platform allows blank posts to appear, which can lead to a poor user experience. Additionally, when a user creates a post without attaching a photo, no default photo is displayed. To improve the overall user experience and maintain consistency in our platform, we need to address these two issues.

  1. Avoid Blank Posts
    We should implement a validation mechanism that prevents users from submitting empty posts. This can be achieved by adding a check to ensure that the post content is not blank before allowing it to be published. By preventing blank posts, we can maintain the quality of the content shared on our platform and avoid instances where users inadvertently submit incomplete or meaningless posts.
  2. Implement Default Photos
    When a user creates a post without attaching a photo, we should automatically assign a default photo to visually represent the post. The absence of a photo can make the post appear incomplete and less engaging. By providing default photos, we can maintain a visually appealing layout throughout the platform, encouraging users to engage with posts that lack custom media attachments.

Adding the contact us button

Adding a contact us button which displays a new button for our contact us details. Also the twitter bird has no link in it.

adding link in the readme.md file

im raising this issue in which i want edit the readme.md file in this there should be a link of website so that everyone can preview it easily and can see the webiste more easily

Remove the box shadow

Hey @AKD-01 The bix shadow of the heading is now looking professional. I would suggest to remove it. Please assign this issue to me. Thank you!

Improving Hover Effect

I want to improve the hover effect on each text and titles of every blog card and other logos>
Please assign me this issue under GSSCO23

Make the main page responsive

Proposed solution:
We could implement a hamburger icon and make the side menu as the top menu ,align the blogs in one line imrpovig the ui and add a scroll up button when the user has scrolled beyond a certain level.

side bar is not responsive

the side bar of website is not responsive its not look good for small devices like pads and mobile phone

i can fix it

can you assign this issue to me (Gssoc '23 contributor)

Screenshot (35)

Adding User Profile Page

Currently, BlogWeet lacks a dedicated user profile page where users can provide essential information about themselves. I would like to add a user profile page as GSSOC'23 Contributer.

Can you please assign this issue to me?

Add Registration Page and Dark Theme

Registration Page:
Introduction of a dedicated registration page to allow users to create personalised accounts.
Consider including common registration fields like username, email, and password, and implement secure authentication mechanisms.
Dark Theme:
Implementation of a visually appealing dark theme option for the project's interface.

I'm hopeful that my proposal will be accepted, and I'll be given the opportunity to work on this issue under GSSoC'23.

More Sharing option

Current codebase only copies the link on clipboard while sharing, I would like to add option for sharing the blog on twitter, WhatsApp and other social media handles.

I am GSSOC'23 contributor, kindly assign this issue to me.

UI/UX updates and add a text editor for the create post.

The user experience for the app is pretty average and in today's world UI/UX being so significant I would like to update the design of the app and provide a new look to it. As it is a blogging app with the option to create post a text editor is necessary to edit the content.
I would like to work on this issues for my GSSOC'2023.

Bugs and Issues

The things to which I could improve in this web application is:

  1. Remove the twitter icon and/or replace with other meaningful icons.
  2. Adding a tooltip for logout button.
  3. Redirection to the newly created post just after its submitting and a flash message indicating its successful creation.
  4. Footer including terms and conditions, year and copyright details could be added.
  5. A highlight on the Home page/ About us/ create post when we are accessing them on the sidebar.

@AKD-01 Please give me this opportunity to fix these issues and contribute under GSSOC'23.

Responsive login page

Login page is not responsive, I would like to work on responsiveness of login page.
Assign me this Issue under GSSoC 2023

add readme badges

I want to add readme badges.Please assign this issue to me under GSSOC
badges

Improving the createpost page.

Hey I would like to improve the createpost page of the project. I want to add some more features and improve the functionality of the page.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.