Hellobonsai Clone

screenshot of Hellobonsai Clone
express
react
bootstrap
chakra-ui

Hi, everyone we are group of 5 members and we cloned a website hellobonsai .All the features you see in our project from login to logout page all are maintened from our Backend which is deployed on heroku.

Overview

The Hellobonsai Clone is a project created by a group of 5 members during their construct week at Masai School. It is a website clone of Hellobonsai and includes features such as login, logout, creating clients, adding projects, and managing tasks. The backend of the project is deployed on Heroku.

Features

  • Homepage, Pricing, and Reviews page
  • SignUp and Login page
  • Dashboard and Tasks page
  • Client page with the ability to add new clients
  • Project page with individual project pages

Summary

The Hellobonsai Clone is a replica of the Hellobonsai website created as a group project. It includes features like login, creating clients, adding projects, and managing tasks. The project utilizes ReactJS, NodeJS, Express, and MongoDB as its tech stack. By following the installation guide, users can deploy and access the Hellobonsai Clone on their local machines. For any feedback or queries, the creators can be reached at kumar.prashant477@gmail.com.

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

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

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.

framer-motion
Framer Motion

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.

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.