It is a Fully Responsive Blog Website Dedicated to All Things Web Development, With Modern UI Design.
- CRUD Operations Using Firestore Database, All Users can Get and Read All Posts, But Only the Authenticated Users can Create a New Post, And Each Authenticated User can Update or Delete his Posts Only.
- Backend Mocking Using Firebase, Including Database, Storage, Hosting, and Authentication (Email/Password and Google providers).
- Form Validation using React Hook Form.
- Drag and drop markdown and HTML files into Dillinger
- Dynamic Routes for Authors, Categories and Tags.
- React.
- React Router.
- Firebase
- SASS.
- React Hook From.
- Pagination/Show More.
- Add Authentication with Facebook and GitHub Providers.
- Add More Functionalities like Night Mode, Comment, Like...etc.
- Implement Redux to Store the State Globally.
Here are some online tools i used to facilitate doing this project.
| Website Name | Description |
|---|---|
| Hero Patterns | A collection of repeatable SVG background patterns for you to use on your web projects. |
| UI Verse | Open-Source UI elements for any project. |
| 10015 | Useful CSS Tools and Other Services. |
| Svg Repo | Open-licensed SVG Vector and Icons. |
| Dribbble | UI Design Inspiration. |
| Font Joy | Font pairing, Generate font combinations with deep learning. |
| Lottie Files | Lightweight, scalable animations for your website. |
| Compress Image | Compress Images Online. |
Animation by Kit8
Thanx for watching.