Coder Social home page Coder Social logo

akd-01 / blogweet Goto Github PK

View Code? Open in Web Editor NEW
36.0 2.0 159.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

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.