Back to Projects Menu

RakBukuKu

RakBukuKu is the bookshelf web application, implement CRUD for data manipulate with Redux, the data saved on local storage (Web API).

September 23, 2023 - a year ago

Website
|
Image cover blog RakBukuKu

Backstory Why Me Made This Project?

Project RakBukuKu is bookshelf app, this project is upgrade from project Pojok Baca. Different from previous version. Project RakBukuKu was build with one of modern technology front-end web development namely ReactJS. RakBukuKu is my first time project which build on React. There are some additional package dependencies for supporting this project. These include Vite for front-end module bundler, ReactRouter for routing, Redux for state management, TailwindCSS for styling, RakBukuKu has implemented PWA (Progressive Web Apps) technology. so has implemented PWA on this project has the advantage of a website being like a native application. RakBukuKu build with SPA (Single Page Appliacation) architecture.

Goals Build This Project

Main goals for building this project, including the following:
  • To exercise and implement ReactJS after i learn this technology.
  • To exercise and implement Built in React Hook
  • Learning about how to build website with SPA architecture with ReactRouter
  • Learning about how to build website with PWA technology with React + Vite
  • Learning about how to implement library for state management React Redux
I was learning a lot about front-end web development while build this project, after i finish this project, i think my programming skills are improved over time.

Feature on RakBukuKu Project

The RakBukuKu Project has several features, including the following:
  • Has implemented web responsive for multiple device
  • Has feature dark mode
  • Home Page
    • Home section
    • About project section
    • Feature card section
    • Contact section
    • Footer Section
  • Rakbuku Page (Main Content)
    • Displaying data book through tabs that have been divided into various states
    • That tab have been divided into various states include tab (all book, finish to read, ongoing, favorite book)
    • Feature button add data book
    • Feature button edit data book on card book
    • Feature button delete data book on card book
    • Feature button finish to read book on card book
    • Feature button ongoing book on card book
    • Feature button like book on card book
    • Feature button unlike book on card book
    • Feature button detail book on card book
  • Detail Page
    • Displaying detail data book which user pick
    • Feature button like book
    • Feature button unlike book
    • Feature button finish book
    • Feature button ongoing book
    • Feature button edit book
    • Feature button image view

How to Start this project

1. Clone repository using git

git clone https://github.com/ZnovandaP/RakBukuKu-Bookshelf-Apps.git

2. Install all dependencies

pnpm install

3. Run development server

pnpm run dev
Open http://localhost:3000 with your browser to see the result.

Responsive Web Design on Multiple Devices

Ilustration responsive design RakBukuKu Project

Last but not least

if you interested on this project, you can visit this project directly RakBukuKu Project, also you can visit on Github Repository RakBukuKu Project, last if you wanna give me suggesstion or advice you can go to contact page directly. Thankyou so much.

Tech Stack: