E Pedika

E pedika is a web application designed for viewing items in a shop. It provides a user-friendly interface to manage categories and products, filter and sort products, and allows admin users to perform CRUD operations on categories and products.

Live Links

Client

• Github Repo : https://github.com/ajnanmvr/E-Pedika
• Hosted : https://e-pedika.vercel.app/

Server

• Github Repo : https://github.com/ajnanmvr/E-Pedika-Server
• Hosted : https://e-pedika-server.vercel.app/

Getting Started

Follow these instructions to build and run the project.

Setup React Native

A detailed guide for setting up React.JS can be found here.

Setup Project

• Clone this repository using git clone https://github.com/ajnanmvr/streamlining-data-management-client.git.
• cd into E-Pedika.
• Run npm install to install project dependencies.

Running the App

First, run the development server:

npm start
# or
yarn start
# or
pnpm start
# or
bun start

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

You can start editing the pages. The page auto-updates as you edit the file.

Key Features:

Cross-Platform Accessibility:

Our platform ensures a consistent and responsive experience across different devices and platforms, including desktops, tablets, and mobile devices. Whether you're working from a computer or on the go, our application adapts to your screen size and provides an optimal user interface.

Admin Login

• Use the admin login option to access CRUD operations.

Categories

• Navigate to the "Categories" section to:
  • Add a new category.
  • Delete an existing category.
  • Update the details of a category.
  • View all categories.

Products

• Navigate to the "Products" section to:
  • Add a new product.
  • Delete an existing product.
  • Update the details of a product.
  • View all products.

Filtering and Sorting

• Use the filter and sort options to customize the display of products based on categories, date, time, and price.

Technologies Used

• Frontend:

  • React.js
  • Tailwind CSS

• Backend:

  • Express.js

• Database:

  • MongoDB

Screenshots

Community

We welcome contributions and feedback. Feel free to open an issue.