Hathibrand

screenshot of Hathibrand
express
react
styled-components
tailwind
chakra-ui

Hathibrand is source for premium quality incense sticks & Cosmetics. Shop our extensive selection of fragrances and enjoy.

Overview

Hathibrand is a web application built using a tech stack that includes ReactJS, Chakra UI, Tailwind CSS, JavaScript, MySQL, Redux, Node.js, Express, and Hostinger. It offers various features such as user authentication, user details management, sorting and filtering, an admin panel, backend APIs, and cart functionality. The team consists of Aniket Parmar who worked on the admin panel, Redux, backend, cart, checkout, and authentication, and Krishna Kevadiya who worked on the UI and search functionality.

Features

  • User Authentication: Hathibrand provides a secure login and registration system for users.
  • User Details Management: Users can manage their personal information and update it as needed.
  • Sorting and Filtering: The application offers sorting and filtering options to help users find the products they are looking for.
  • Admin Panel: An admin panel is included to manage the backend and perform administrative tasks.
  • Backend API: The application has a robust backend API to handle various functionalities.
  • Cart: Users can add items to their cart and proceed to checkout.
  • Search: The search functionality allows users to easily find products based on their search queries.
  • Responsive: Hathibrand is designed to be responsive and compatible with different screen sizes and devices.

Summary

Hathibrand is a web application built using ReactJS, Chakra UI, Tailwind CSS, JavaScript, MySQL, Redux, Node.js, Express, and Hostinger. It offers various features including user authentication, user details management, sorting and filtering, an admin panel, backend APIs, cart functionality, search, and responsiveness. The application is easy to install and provides a seamless shopping experience for users.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.