DEV BLOG

DEV BLOG is a developer's blog platform. Users can login with their Gmail accounts. Once users are logged into the DEV BLOG, they can create, edit and delete their own blog posts. Users also can upload image files to posts.

Previews

Mobile view (iPhone 8)

Landing page Create page

Desktop view

Login page
Google sign in

---

Create page
Delete post icon (Trash can) for user's post

---

Landing page
Different screen size view (Responsive design)

Technologies used

Front end

• ReactJS
• HTML
• CSS

Back end

• Google Firebase (User authentication, Firestore database)

Deployment

• Netlify

Installation

Download the repo using git
git clone https://github.com/dvlprwchoi/dev-blog.git

Navigate into the site's directory and install dependencies.

cd dev-blog
npm install

Start the Server.

npm start

Open the source code and start editing! Your site is now running at http://localhost:3000!

Links

• GitHub URL: Github
• Live Site URL: Live Site

Future plan

• Add comment section
• Add different color theme ✅
• Add edit post ✅
• Add delete confirmation
• Add modal
• Add restriction on blank submission
• Add sorting
• Add uploading photo ✅
• Add uploading url
• Add feature that not showing alt text when img file is not existed