Name		Name	Last commit message	Last commit date
Latest commit History 4 Commits
public		public
src		src
.gitignore		.gitignore
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
vite.config.js		vite.config.js

Repository files navigation

The Green Corner

work in progress

A plant selling fully responsive webapp built using React19 + Vite, Tailwind CSS 4, GSAP and REST API.

+ todo: use Django for backend

useful commands

create react app using pnpm: pnpm create vite@latest
install dependencies: pnpm install
run the project: pnpm run dev
install new package: pnpm add <package_name>
- install tailwindcss 4: pnpm add -D prettier prettier-plugin-tailwindcss

Tech Stack:

libraries and packages used in this project.

React
- The library for building user interfaces.
React context API
- For state management.
Tailwind CSS
- For styling.
GSAP
- For animations.
Axios
- For fetching data from APIs.
Rest API
- For storing data.
Json server
- For hosting the API.
React router dom
- For routing.
React icons
- For icons.
Figma
- For designing the UI.
Swagger
- For documenting the API.
Recharts
- For displaying charts in Dashboard.
React lazyload
- For lazy loading images.
Swiper
- For auto sliding images in carousel.
UUID
- For generating unique ids.
Framer motion
- For animations.
React toastify
- For displaying toast messages.
React hot toast
- For displaying toast messages.
Lenis
- For smooth scrolling.
React loading skeleton
- For displaying loading skeletons.
Lodash
- For debouncing.
Jira
- For project management.
Git
- For version control.
Github
- For hosting the project.