Lat Htauk Bay Dan App With Json-server

This project is a React application bootstrapped with Vite, utilizing JSON-server for mock API development. It serves as a quick setup for frontend development with a mock backend. This project idea was inspired by [https://github.com/sannlynnhtun-coding/MinTheinKha-LatHtaukBayDin].

Features

Dark Mode

• Toggle between light and dark mode to suit your preference.
• Enjoy a visually appealing interface that adapts to your chosen mode.

Search with Suggestions

• Search functionality with auto-suggestions to enhance user experience.
• Efficiently find what you're looking for with intelligent search suggestions.

Responsive Design

• Built with responsive design principles to ensure optimal viewing experience across devices.
• Seamlessly access and interact with the app on desktops, tablets, and mobile devices.

Installation(

non-json-sever version

1.Clone the repository to your local machine:

git clone https://github.com/ThomasNine/lat-htauk-bay-din-react-rtk-.git

2.Navigate to the project directory:

cd lat-htauk-bay-din-react-rtk-/

3.Install dependencies:

npm install

The installation is complete.

json-version( add no.4 step)

4.Json-server verion with RTK query

git checkout 7a53495f663c768f1188b184fdd9df0f2cad9a9c

Usage

To start the development server and JSON-server simultaneously, for Json-server run:

(only for json server version)

npm run api

for development-server run:

required for both

npm run dev

Tech Stack

Client: React, Redux Toolkit, TailwindCSS, Shadcn/ui and Framer-Motion(page-changes animation)

Server: Json-server

Screenshots

home-page('/')

mobile-home-page

answer-page('/answer')

answer-page-mobile('/answer')

each-answer-page('/answer)

search-suggestion

search-suggestioin-mobile

search-page('/search')

not-found-page