https://github.com/rahullkumr/thegreencorner

A plant selling fully responsive webapp
https://github.com/rahullkumr/thegreencorner

babel esbuild gsap plant-selling-website pnpm react19 rest-api rollup tailwindcss4 vite

Last synced: about 2 months ago
JSON representation

A plant selling fully responsive webapp

• Host: GitHub
• URL: https://github.com/rahullkumr/thegreencorner
• Owner: Rahullkumr
• Created: 2025-02-03T05:48:50.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-02-19T11:04:48.000Z (3 months ago)
• Last Synced: 2025-04-07T06:48:18.678Z (about 2 months ago)
• Topics: babel, esbuild, gsap, plant-selling-website, pnpm, react19, rest-api, rollup, tailwindcss4, vite
• Language: JavaScript
• Homepage:
• Size: 40 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# The Green Corner

> work in progress

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

```diff

+ 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 `

    - install tailwindcss 4: `pnpm add -D prettier prettier-plugin-tailwindcss`

## Tech Stack:

> libraries and packages used in this project.

1. React

    - The library for building user interfaces.

2. React context API

    - For state management. 

3. Tailwind CSS

    - For styling.

4. GSAP

    - For animations.

5. Axios

    - For fetching data from APIs.

6. Rest API

    - For storing data.

7. Json server

    - For hosting the API.

8. React router dom

    - For routing.

9. React icons

    - For icons.

10. Figma

    - For designing the UI.

11. Swagger

    - For documenting the API.

12. Recharts

    - For displaying charts in Dashboard.

13. React lazyload

    - For lazy loading images.

14. Swiper

    - For auto sliding images in carousel.

15. UUID

    - For generating unique ids.

16. Framer motion

    - For animations.

17. React toastify

    - For displaying toast messages.

18. React hot toast

    - For displaying toast messages.

19. Lenis

    - For smooth scrolling.

20. React loading skeleton

    - For displaying loading skeletons.

21. Lodash 

    - For debouncing. 

22. Jira

    - For project management.

23. Git

    - For version control.

24. Github

    - For hosting the project.