saehfulamri / sas-project-react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MyBlog

A simple blog application for managing post entries. Aplikasi ini memungkinkan untuk mendapatkan data post melalui fetching endpoint API pada DummyJSON dan Local Storage dengan key "posts".

Table of Contents

Features

  • Bisa fetching data posts API dari DummyJSON.
  • Bisa mendapatkan data dari Local Storage dengan kata kunci "posts".
  • Bisa menampilkan data fetching dari DummyJSON dan Local Storage.
  • Bisa menambahkan data post yang akan disimpan ke dalam Local Storage.
  • Bisa menghapus data post dari Local Storage.

Demo

You can see a live demo of the application here.

Installation

To create this project locally, follow these steps:

  1. Create app:

    npx create-react-app sas-project-react
  2. Navigate to the project directory:

    cd sas-project-react
  3. Start the development dengan membuka folder project di Visual Studio Code:

    code .
  4. Install the dependencies seperti tailwindcss bila diperlukan. Selengkapnya ikuti panduan install tailwindcss Di Sini :

    npm install -D tailwindcss
    npx tailwindcss init
  5. Start the development server:

    npm start

Usage

  1. Open your browser and go to http://localhost:3000.
  2. Fill in the post form and click on "Add Post" to submit your post to Local Storage.
  3. Anda bisa menghapus data post dengan menekan tombol "Delete" berwarna merah.

PengumpulanTugas

  1. Buat akun vercel.com
  2. Buat repository di github dengan nama sas-project-react
  3. Commit project di local dan push ke repository yang telah disiapkan sebelumnya.
  4. Deploy project melalui github pada akun vercel.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

If you have any questions or suggestions, feel free to contact us:


Thank you for visiting! Don't forget to star the repository if you found it useful.

About