/space

space blog using HTML , CSS , Javascript and json-server as fake server

Primary LanguageHTML

Documentation

SPACE

Snap Shot

Deployment - Demo

Project Scope and Objectives

Features

  • CRUD Blogs
  • Authentication System
  • Validation Form
  • Posts Pagination

Project Structure

├── asset
│   ├── css
│   ├── icons
│   ├── images
│   └── js
├── view
│   ├── detail.html
│   ├── edit.html
│   └── home.html
│   └── login.html
├── data.json
├── index.html
├── README.md
└── userData.json

Languages

  • HTML5 - HyperText Markup Language
  • CSS3 - Cascading Style Sheets
  • JavaScript ES6 - Scripting programming language

Frameworks and Libraries

  • Bootstrap 5
  • ScrollReveal Js
  • Swiper Js
  • SweetAlert 2

WireFraming & Design

  • Figma
  • Fontawesome Icons
  • Bootstrap Icons
  • Pinterest
  • Dribble
  • Behance
  • Pexel
  • Freepik
  • icones.js.org

You can also check UI Design File.

Management Source Code

  • Git
  • GitHub

Installation

#Install json-server

npm install -g json-server

#Host json-server to port 3000

json-server --watch data.json --port 3000

#login with

email : user@gmail.com
password : user123

*note : Developed for mobile first thus better with mobile responsive