Skip to content

Root & Rise, a unique and interactive platform, designed with NextJs, for gardening enthusiasts to connect, share, and learn about the art of gardening. Built with a social experience similar to popular platforms, Root & Rise offers a variety of community-driven features to foster interaction and knowledge-sharing.

License

Notifications You must be signed in to change notification settings

Nazmos27/root-n-rise-frontend

Repository files navigation

Root & Rise - Gardening Community Platform

Welcome to Root & Rise, a unique and interactive platform designed for gardening enthusiasts to connect, share, and learn about the art of gardening. Built with a social experience similar to popular platforms, Root & Rise offers a variety of community-driven features to foster interaction and knowledge-sharing.

🚀 Live Demo

Visit the live website here: Root & Rise Live

📂 Project Overview

Frontend Tech Stack:

  • Next.js: Optimized for fast, server-rendered pages and SEO-friendly features.
  • NextUI: A beautiful and modern component library for responsive and accessible UI design.
  • TypeScript: Adds static typing to JavaScript, enhancing developer productivity and reducing errors.
  • Redux Toolkit: Manages complex state across the app for seamless user interactions.
  • Zod Validation: Ensures user inputs are properly validated, enhancing security and user experience.

Backend Tech Stack:

  • Node.js
  • Express.js
  • MongoDB with Mongoose for scalable database management
  • JWT Authentication for secure user sessions

✨ Features

Community Features:

  • User Profiles: Personalized profiles with details on posts, followers, and following.
  • Social Interactions: Users can follow others, like and comment on posts, and engage in meaningful conversations.
  • Content Creation: Rich text editor supports image and video uploads, allowing users to share comprehensive gardening tips and advice.
  • Feed & Discovery: Explore a dynamic feed with content sorted by popularity, relevance, and interests.

Premium Content & Payment:

  • Payment Integration: Premium content access via Stripe or AmarPay for exclusive gardening resources and courses.
  • Content Unlocks: Paid access for specific resources and curated content to enhance gardening knowledge.

Administrative Features:

  • Admin Dashboard: Manage users, moderate posts, handle payments, and access analytics on platform activity.
  • User Management: Manage active and inactive users, view followers and engagement stats.
  • Content Moderation: Admins can review and remove inappropriate content to maintain a safe community environment.

📦 Installation & Setup

Frontend Setup:

  1. Clone the frontend repository:
    git clone https://github.com/username/rootnrise-frontend
    

2.Navigate into the project directory:

 cd rootnrise-frontend

3.Install all dependencies:

 npm install

4.Set up a .env file following the .env.example file. Configure any required API keys and environment variables.

5.Start the development server:

 npm run dev

Backend Setup

For setting up the backend, follow the installation instructions from here

Here is the requested section in a README-style format:

Backend Setup Refer to the backend repository and follow the installation instructions: Backend Repository

🛠️ Usage

User Dashboard:

  • Explore and Share Gardening Content: Discover and post new gardening ideas.
  • Follow Other Users: Stay updated on the activities of your favorite users.
  • Engage with Posts: Like, comment, and share content to interact with the community.

Admin Dashboard:

  • User and Content Management: Oversee user accounts, posts, and payment records.
  • Analytics Dashboard: Access insights on monthly activity, new users, and overall platform growth.

💡 Key Learnings

  • Next.js & SEO Optimization: Enhanced SEO through server-rendered pages.
  • Enhanced UI with NextUI: Implemented an accessible, visually engaging interface.
  • Type Safety with TypeScript: Used TypeScript for improved type safety across the stack.
  • Zod Validation for Security: Strengthened form handling and data validation

🔗 Contact

For questions, suggestions, or collaborations, reach out via:

About

Root & Rise, a unique and interactive platform, designed with NextJs, for gardening enthusiasts to connect, share, and learn about the art of gardening. Built with a social experience similar to popular platforms, Root & Rise offers a variety of community-driven features to foster interaction and knowledge-sharing.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published