Flutter-Blog-App

KO | EN

gitlite — search

#javascript #react #typescript #go #golang #rust #deep-learning #macos #windows #cli #kubernetes #vue #pytorch #open-source

Flutter-Blog-App

(★ 147)

Creating a video series on Blog Android app development along with backend development. Also doing the system design for this blog app. (Medium Clone)

Flutter-Blog-App Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### Blog App Development Front-End and Back-End using Flutter, ExpressJs, NodeJS, and MongoDB

### Playlist for Blog App Development series -:

| Playlist Name                                             |     | YouTube Playlist Link                                                                       |
| --------------------------------------------------------- | --- | ------------------------------------------------------------------------------------------- |
| Blog App Development (Main Playlist)                      |     | [Link](https://youtube.com/playlist?list=PLtIU0BH0pkKoE2PBvgbHEBPAP-sd670VI)                |
| Blog App Development (Only Front-End using Flutter)       |     | [Link](https://www.youtube.com/watch?v=6VCLeHRnixg&list=PLtIU0BH0pkKpitsp5jzt-yDAoXAFBkcPb) |
| Blog App Development (Only Back-End using Node/ExpressJs) |     | [Link](https://www.youtube.com/watch?v=T35T8nzyRDI&list=PLtIU0BH0pkKqypuOtDhcXZ4oATJfji49r) |

<br>

### Some Other playlist

| Playlist Name                                                        |     | YouTube Playlist Link                                                            |
| -------------------------------------------------------------------- | --- | -------------------------------------------------------------------------------- |
| Flutter model class series, for Rest API connection and JSON parsing |     | [Link](https://www.youtube.com/playlist?list=PLtIU0BH0pkKpXE-1vC7NswofFPby1OYh-) |
| Flutter Basic series                                                 |     | [link](https://www.youtube.com/playlist?list=PLtIU0BH0pkKrk8C7KToFeRSVTi2CLpFTG) |

### **_If this tutorial helped you please give a star and also fork the repo, Thank you happy coding :)_**

<h2> This app have following things -:</h2>

<h3 align="center" style="color:green" >1. Welcome Page</h3>
 <p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/welcomePage.png" width="350"></img>
</p>
<br>
<h3 align="center" style="color:green" >2. Login Screen</h3>
 <p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/LoginPage.png" width="350"></img>
</p>
<br>
<h3  align="center" >3. Wrong Username(Error Handling) </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/wrong-username.png" width="350"></img>
</p>
<br>
<h3  align="center" >4. SignUp Screen</h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/SignUpPage.png" width="350"></img>
</p>
<br>
<h3  align="center" >5. Home Screen </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/homepage.png" width="350"></img>
</p>
<br>
<h3  align="center" > 6. View Blog Page </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/VievBlogPage.png" width="350"></img>
</p>
<br>
<h3  align="center" >7. Add Profile Screen </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/AddProfile.png" width="350"></img>
</p>
<br>
<h3  align="center" >8. Create Profile Screen </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/CreateProfile.png" width="350"></img>
</p>
<br>
<h3  align="center" >9. Profile Screen </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/profilePage.png" width="350"></img>
</p>
<br>
<h3  align="center" >10. Drawer </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/drawer.png" width="350"></img>
</p>
<br>
<h3  align="center" >11. Add Blog Page </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/AddBlog.png" width="350"></img>
</p>
<br>
<h3  align="center" >12. Forgot Password </h3>
<p align="center">
<img src="https://github.com/DevStack06/images/blob/master/blog-app/forgetPassword.png" width="350"></img>
</p>
<br>

### To use this app follow below instructions-:

1. Clone this app using below syntax -:

> git clone https://github.com/DevStack06/Flutter-Blog-App.git

2. After cloning install packages using below syntax -:
   > flutter pub get

Above command will install all the neccery packges.

3. Run the app on your mobile using below command -:
   > flutter run

Flutter-Blog-App

Flutter-Blog-App Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Flutter-Blog-App

Flutter-Blog-App Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README