https://github.com/fatihycan/blog-app
https://github.com/fatihycan/blog-app
axios firebase formik-yup html5 javascript material-ui react react-helmet react-hooks react-router react-toastify redux-persist responsive-design tailwind-css
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/fatihycan/blog-app
- Owner: FatihYcan
- Created: 2024-11-01T12:13:35.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-02T12:56:24.000Z (over 1 year ago)
- Last Synced: 2025-04-10T11:35:07.533Z (about 1 year ago)
- Topics: axios, firebase, formik-yup, html5, javascript, material-ui, react, react-helmet, react-hooks, react-router, react-toastify, redux-persist, responsive-design, tailwind-css
- Language: JavaScript
- Homepage: https://fy-blog-app.netlify.app/
- Size: 563 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blog App
This project is a blogging application where users can create and share blog posts. The application was developed using React, Redux and Firebase.
## Features
- **User Registration and Login**: Users can register to the application and access their accounts by logging in. A secure authentication process is provided using Firebase.
- **Creating, Editing and Deleting Blog Posts**: Users can create new blog posts, edit existing posts and delete their posts whenever they want.
- **Notification System**: The application allows users to receive notifications when they perform various operations (such as success, error, warning). User-friendly notifications are displayed using the React-Toastify library.
- **Blog Management by Categories**: Blog posts can be viewed and managed more regularly by dividing them into categories.
- **Comment and Like Management**: Users can comment on blog posts, update their comments, delete their comments and interact by liking them.
- **About Page**: The app includes an 'About' page that provides information about the developer. Users can easily access LinkedIn and GitHub profiles.
- **Login via Social Media**: Users can have a quick and easy login experience by logging in with their Google account.
## Technologies
- HTML
- Javascript
- React
- Redux
- Firebase
- Material-UI
- Tailwind CSS
- Axios
- React Router
- React-Toastify
- React-Helmet
- Redux Persist
- Formic and Yup
- [BLOG API](https://blog-api-js.fullstack.clarusway.com/)
# Blog App
Bu proje, kullanıcıların blog yazıları oluşturup paylaşabilecekleri bir blog uygulamasıdır. Uygulama React, Redux ve Firebase kullanılarak geliştirilmiştir.
## Özellikler
- **Kullanıcı Kayıt ve Giriş**: Kullanıcılar, uygulamaya kaydolabilir ve giriş yaparak kendi hesaplarına erişebilirler. Firebase kullanılarak güvenli bir kimlik doğrulama süreci sağlanmıştır.
- **Blog Yazısı Oluşturma, Düzenleme ve Silme**: Kullanıcılar, yeni blog yazıları oluşturabilir, mevcut yazılarını düzenleyebilir ve istedikleri zaman yazılarını silebilirler.
- **Bildirim Sistemi**: Uygulama, kullanıcıların çeşitli işlemleri gerçekleştirdiğinde (başarı, hata, uyarı gibi) bildirimler almasını sağlar. React-Toastify kütüphanesi kullanılarak kullanıcı dostu bildirimler gösterilir.
- **Kategorilere Göre Blog Yönetimi**: Blog yazıları kategorilere ayrılarak daha düzenli bir şekilde görüntülenebilir ve yönetilebilir.
- **Yorum ve Beğeni Yönetimi**: Kullanıcılar, blog yazılarına yorum yapabilir, yorumlarını güncelleyebilir, yorumlarını silebilir ve beğenerek etkileşimde bulunabilirler.
- **Hakkında Sayfası**: Uygulama, geliştirici hakkında bilgi veren bir "Hakkında" sayfası içerir. Kullanıcılar, LinkedIn ve GitHub profillerine kolayca erişebilirler.
- **Sosyal Medya ile Giriş**: Kullanıcılar, Google hesabı ile giriş yaparak hızlı ve kolay bir oturum açma deneyimi yaşayabilirler.
## Teknolojiler
- HTML
- Javascript
- React
- Redux
- Firebase
- Material-UI
- Tailwind CSS
- Axios
- React Router
- React-Toastify
- React-Helmet
- Redux Persist
- Formik ve Yup
- [BLOG API](https://blog-api-js.fullstack.clarusway.com/)
https://github.com/user-attachments/assets/512a88fc-f191-472a-b387-f1ae48972ec3
[Live](https://fy-blog-app.netlify.app/)