Skip to content

Latest commit

 

History

History
101 lines (73 loc) · 2.94 KB

README.md

File metadata and controls

101 lines (73 loc) · 2.94 KB
Raw

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 on mobile Landing page Create page on mobile Create page

Desktop view

Login page on desktop Login page
Google sign in page on desktop Google sign in

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

Landing page on desktop Landing page
Different screen size view on desktop 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

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