Clarusway
Project aims to create a FireBlog App.
- We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.
008 - FireBlog App (folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
│ ├── app-router
│ │ ├── AppRouter.js
│ │ └── PrivateRouter.js
│ ├── components
│ │ ├── BlogCard.js
│ │ ├── BlogForm.js
│ │ └── Navbar.js
│ ├── contexts
│ │ ├── AuthContext.js
│ │ └── BlogContext.js
│ ├── helpers
│ │ ├── firebase.js
│ │ └── toastNotify.js
│ ├── pages
│ │ ├── About.js
│ │ ├── Dashboard.js
│ │ ├── Details.js
│ │ ├── Login.js
│ │ ├── NewBlog.js
│ │ ├── Profile.js
│ │ ├── Register.js
│ │ └── UpdateBlog.js
│ ├── assets.js
│ │ └── [images]
│ ├── App.js
│ ├── App.css
│ ├── index.js
│ └── index.css
├── .env
├── package.json
└── yarn.lock
Build a Register FireBlog App using ReactJS.
-
HTML
-
CSS
-
JS
-
ReactJS
-
improve coding skills within HTML & CSS & JS & ReactJS.
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
-
Step 1 : Create React App using
npx create-react-app fireblog-app -
Step 2 : Use Firebase Auth for authentication and Firebase Realtime Database for CRUD operations.
-
Step 3 : You can use css frameworks like Bootstrap, Semantic UI, Material UI.
-
Step 4 : You can view sample app on https://eds-fireblog.herokuapp.com/.
-
Step 5 : Add project gif to your project and README.md file.
- You can add additional functionalities to your app.
☺ Happy Coding ✍
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent