Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yeasinmiah1272001/tree-plantation

framer-motion nextjs15 reactjs redux-toolkit stripe typescript

Last synced: about 15 hours ago
JSON representation

Host: GitHub
URL: https://github.com/yeasinmiah1272001/tree-plantation
Owner: yeasinmiah1272001
Created: 2024-12-07T10:43:14.000Z (2 months ago)
Default Branch: main
Last Pushed: 2024-12-12T16:26:46.000Z (2 months ago)
Last Synced: 2024-12-22T02:19:38.561Z (about 2 months ago)
Topics: framer-motion, nextjs15, reactjs, redux-toolkit, stripe, typescript
Language: TypeScript
Homepage: https://tree-plantation.vercel.app
Size: 14.2 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 🌳 Tree Plantation Project

A responsive and interactive web application promoting tree plantation awareness and activities, built with modern web technologies.

## 🛠️ Features

- **Next.js**: Fast and SEO-friendly React framework.
- **TypeScript**: Type-safe and scalable codebase.
- **Responsive Carousel**: Sleek and responsive carousel for showcasing content.
- **Framer Motion**: Smooth animations for a dynamic user experience.
- **Stripe.js**: Secure and seamless payment integration for donations.
- **Redux**: State management for efficient and scalable application architecture.
- **Marquee**: Scrolling text effects for announcements and updates.
- **Tailwind CSS**: Modern utility-first CSS framework for responsive design.

---

## 🚀 Live Demo

Check out the live demo here: [Tree Plantation Project Demo](#)

---

## 📚 Tech Stack

- **Frontend**: React, Next.js, TypeScript
- **Styling**: Tailwind CSS
- **State Management**: Redux Toolkit
- **Animations**: Framer Motion
- **Payment Integration**: Stripe.js

---

## 🖼️ Screenshots

| Homepage | Donation Page |
| ----------------------------------------------------------- | --------------------------------------------------------------- | ----------------------------------------------------------- | --------------------------------------------------------------- |
| ![Homepage Screenshot]() | ![Donation Page Screenshot]() | ![Homepage Screenshot]() | ![Donation Page Screenshot]() |

---

## ⚙️ Installation

Follow these steps to run the project locally:

1. Clone the repository:
```bash
git clone https://github.com/your-username/tree-plantation.git
```