{"id":26057620,"url":"https://github.com/dhrubadc1/playgrow-theme-react","last_synced_at":"2026-04-10T04:35:01.025Z","repository":{"id":281248032,"uuid":"932331226","full_name":"DhrubaDC1/playgrow-theme-react","owner":"DhrubaDC1","description":"A MERN-stack clone of the PlayGrow WordPress theme, built with React, Vite, and MongoDB for kids' e-commerce.","archived":false,"fork":false,"pushed_at":"2025-03-07T20:05:26.000Z","size":19692,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-07T20:32:33.168Z","etag":null,"topics":["animations","backend","carousel","ecommerce","express-js","frontend","kids-store","mern-stack","mongodb","node-js","playgrow","react","tailwind-css","vite"],"latest_commit_sha":null,"homepage":"https://playgrow-theme-react.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DhrubaDC1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-13T18:34:56.000Z","updated_at":"2025-03-07T20:05:29.000Z","dependencies_parsed_at":"2025-03-07T20:42:38.571Z","dependency_job_id":null,"html_url":"https://github.com/DhrubaDC1/playgrow-theme-react","commit_stats":null,"previous_names":["dhrubadc1/playgrow-theme-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DhrubaDC1%2Fplaygrow-theme-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DhrubaDC1%2Fplaygrow-theme-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DhrubaDC1%2Fplaygrow-theme-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DhrubaDC1%2Fplaygrow-theme-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DhrubaDC1","download_url":"https://codeload.github.com/DhrubaDC1/playgrow-theme-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DhrubaDC1%2Fplaygrow-theme-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259067485,"owners_count":22800334,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animations","backend","carousel","ecommerce","express-js","frontend","kids-store","mern-stack","mongodb","node-js","playgrow","react","tailwind-css","vite"],"created_at":"2025-03-08T11:50:08.672Z","updated_at":"2025-12-30T18:56:45.620Z","avatar_url":"https://github.com/DhrubaDC1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PlayGrow Theme React\n![image](https://github.com/user-attachments/assets/f617c268-3170-404b-84dc-209b36e01d3c)\nA modern e-commerce application inspired by the **PlayGrow** WordPress theme, rebuilt using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Vite as the build tool. This project replicates PlayGrow’s playful, baby-and-kids-focused design, offering a fast, scalable, and feature-rich solution for online stores selling children's products.\n\n## Table of Contents\n- [Features](#features)\n- [Tech Stack](#tech-stack)\n- [Prerequisites](#prerequisites)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Project Structure](#project-structure)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Features\n- **Responsive Design**: Mobile-friendly UI with Tailwind CSS and a pastel aesthetic inspired by PlayGrow.\n- **E-commerce Functionality**: Product listings, cart management, and modals powered by `react-modal`.\n- **Smooth Animations**: Enhanced with `framer-motion` and `react-locomotive-scroll` for a dynamic experience.\n- **Loading States**: Integrated `react-loader-spinner` for seamless UX during data fetching.\n- **Carousel Support**: Product sliders built with `react-slick` and `slick-carousel`.\n- **API Integration**: Backend powered by Express.js with MongoDB for data storage and retrieval via `axios`.\n- **SEO Optimized**: Structured for better visibility and performance.\n\n## Tech Stack\n- **Frontend**: React.js (`^19.0.0`), Vite (`^6.1.0`), Tailwind CSS (`^4.0.6`), `framer-motion`, `react-locomotive-scroll`, `react-slick`\n- **Backend**: Node.js, Express.js (`^4.21.2`)\n- **Database**: MongoDB (`^6.13.0`) with Mongoose\n- **HTTP Client**: Axios (`^1.7.9`)\n- **Icons**: `lucide-react` (`^0.475.0`), `react-icons` (`^5.4.0`)\n- **Environment**: `dotenv` (`^16.4.7`)\n- **Linting**: ESLint (`^9.19.0`) with React plugins\n- **Build Tool**: Vite with `@vitejs/plugin-react` (`^4.3.4`)\n\n## Prerequisites\nBefore you begin, ensure you have the following installed:\n- [Node.js](https://nodejs.org/) (v16.x or later)\n- [npm](https://www.npmjs.com/) (v8.x or later) or [Yarn](https://yarnpkg.com/)\n- [MongoDB](https://www.mongodb.com/) (local installation or MongoDB Atlas)\n- Git\n\n## Installation\n1. **Clone the Repository**:\n   ```bash\n   git clone https://github.com/DhrubaDC1/playgrow-theme-react.git\n   cd playgrow-theme-react\n   ```\n2. **Install Dependencies**:\n- For the frontend (root directory):\n  ```bash\n  npm install\n  ```\n3. **Set Up Environment Variables**:\n- Create a .env file in the root directory\n  ```text\n  MONGO_URI=your_mongodb_connection_string\n  ```\n4. **Run the Application**:\n   ```bash\n   npm start\n   ```\n- Open your browser at `http://localhost:3001`\n## Project Structure\n```plaintext\nplaygrow-theme-react/\n├── public/\n│   └── assets/             # Images and icons\n├── src/\n│   ├── components/         # React components\n│   │   ├── blog.jsx\n│   │   ├── carousel.jsx\n│   │   ├── categories.jsx\n│   │   ├── collections.jsx\n│   │   ├── cribs.jsx\n│   │   ├── footer.jsx\n│   │   ├── gallery.jsx\n│   │   ├── header.jsx\n│   │   ├── navbar.jsx\n│   │   ├── newArrival.jsx\n│   │   ├── newsletter.jsx\n│   │   └── reviews.jsx\n│   ├── helper/\n│   │   └── dbHelper.jsx    # DB utilities\n│   ├── pages/\n│   │   └── HomePage.jsx    # Home page\n│   ├── App.css             # App styles\n│   ├── App.jsx             # Main app\n│   ├── index.css           # Global styles\n│   └── main.jsx            # Entry point\n├── .env                    # Env variables\n├── .gitignore              # Git ignore\n├── eslint.config.js        # ESLint config\n├── index.html              # HTML entry\n├── package.json            # Dependencies\n├── server.js               # Backend server\n└── vite.config.js          # Vite config\n```\n\n## Contributing\nContributions are welcome! To contribute:\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature/your-feature`).\n3. Commit your changes (`git commit -m \"Add your feature\"`).\n4. Push to the branch (`git push origin feature/your-feature`).\n5. Open a pull request.\nPlease run npm run lint to ensure code quality before submitting.\n\n## License\nThis project is licensed under the MIT License. Feel free to use, modify, and distribute it as you see fit.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhrubadc1%2Fplaygrow-theme-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdhrubadc1%2Fplaygrow-theme-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhrubadc1%2Fplaygrow-theme-react/lists"}