{"id":25677960,"url":"https://github.com/nishuldhakar/react-minor-projects","last_synced_at":"2026-04-28T16:02:09.679Z","repository":{"id":278930519,"uuid":"937203547","full_name":"NishulDhakar/React-minor-projects","owner":"NishulDhakar","description":"This is a collection of various mini-projects built with React, each demonstrating different concepts and best practices.","archived":false,"fork":false,"pushed_at":"2025-02-22T15:36:43.000Z","size":65,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T16:30:44.825Z","etag":null,"topics":["api-integration","minor-projects","react","react-hooks","react-router","reactjs","state-management","tailwind","tailwindcss","ui-design"],"latest_commit_sha":null,"homepage":"https://react-minor-projects-five.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/NishulDhakar.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-22T15:28:30.000Z","updated_at":"2025-02-22T15:56:27.000Z","dependencies_parsed_at":"2025-02-22T16:32:10.944Z","dependency_job_id":"571a863b-4854-46d5-bc7b-4a1b4b50c722","html_url":"https://github.com/NishulDhakar/React-minor-projects","commit_stats":null,"previous_names":["nishuldhakar/react-minor-projects"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/NishulDhakar/React-minor-projects","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishulDhakar%2FReact-minor-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishulDhakar%2FReact-minor-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishulDhakar%2FReact-minor-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishulDhakar%2FReact-minor-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NishulDhakar","download_url":"https://codeload.github.com/NishulDhakar/React-minor-projects/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishulDhakar%2FReact-minor-projects/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32387923,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T14:34:11.604Z","status":"ssl_error","status_checked_at":"2026-04-28T14:32:37.009Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["api-integration","minor-projects","react","react-hooks","react-router","reactjs","state-management","tailwind","tailwindcss","ui-design"],"created_at":"2025-02-24T15:27:43.159Z","updated_at":"2026-04-28T16:02:09.674Z","avatar_url":"https://github.com/NishulDhakar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Minor Projects 🚀\n\nA collection of mini React projects built to improve my skills in frontend development. Each project demonstrates different concepts like state management, API integration, animations, and UI design using modern technologies.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"/api/placeholder/800/400\" alt=\"React Minor Projects Banner\" /\u003e\n\u003c/p\u003e\n\n## 🌐 Live \n\nCheck out the live demo here: [React Minor Projects](https://react-minor-projects-five.vercel.app/)\n\n## ✨ Featured Projects\n\n- **Interactive Todo App** - Task management with drag-and-drop functionality\n- **Weather Dashboard** - Real-time weather data visualization\n- **Image Gallery** - Responsive grid layout with lazy loading\n- **Quiz Application** - Interactive quiz with timer and score tracking\n- **Theme Switcher** - Custom themeable components with context API\n\n## 📌 Features\n\n- **Multiple Mini Projects**: A showcase of different React-based mini projects\n- **React + Vite**: Fast and optimized development with Vite\n- **Tailwind CSS**: Responsive and modern UI design\n- **Component-based Architecture**: Well-structured and reusable components\n- **Interactive UI**: Smooth animations and user interactions\n\n## 🛠️ Tech Stack\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\" alt=\"React\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" alt=\"TypeScript\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"Tailwind\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge\u0026logo=vite\u0026logoColor=FFD62E\" alt=\"Vite\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Vercel-000000?style=for-the-badge\u0026logo=vercel\u0026logoColor=white\" alt=\"Vercel\" /\u003e\n\u003c/p\u003e\n\n- **Frontend**: React, TypeScript, Tailwind CSS\n- **State Management**: useState, useEffect, Context API\n- **Routing**: React Router\n- **Hosting**: Vercel\n\n## 📂 Project Structure\n\n```\n/react-minor-projects\n  ├── src\n  │   ├── components  # Reusable UI components\n  │   ├── pages       # Different project pages\n  │   ├── assets      # Images, icons, etc.\n  │   ├── hooks       # Custom React hooks\n  │   ├── context     # Context providers\n  │   ├── utils       # Helper functions\n  │   ├── App.tsx     # Main App component\n  │   ├── index.tsx   # Entry point\n  ├── public          # Static assets\n  ├── package.json    # Dependencies and scripts\n  ├── README.md       # Documentation\n```\n\n## 🚀 Getting Started\n\n### 1️⃣ Clone the Repository\n\n```bash\ngit clone https://github.com/nishuldhakar/react-minor-projects.git\ncd react-minor-projects\n```\n\n### 2️⃣ Install Dependencies\n\n```bash\nyarn install  # or npm install\n```\n\n### 3️⃣ Run the Development Server\n\n```bash\nyarn dev  # or npm run dev\n```\n\nOpen [http://localhost:5173](http://localhost:5173) to view it in the browser.\n\n### 4️⃣ Build for Production\n\n```bash\nyarn build  # or npm run build\n```\n\n## 📸 Screenshots\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"/api/placeholder/400/250\" alt=\"Project 1\" /\u003e\n  \u003cimg src=\"/api/placeholder/400/250\" alt=\"Project 2\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"/api/placeholder/400/250\" alt=\"Project 3\" /\u003e\n  \u003cimg src=\"/api/placeholder/400/250\" alt=\"Project 4\" /\u003e\n\u003c/p\u003e\n\n## 🎯 Upcoming Features\n\n- More interactive mini projects\n- Dark mode toggle\n- Improved UI/UX\n- Authentication integration\n- Backend API integration with Node.js\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## 📜 License\n\nThis project is open-source and available under the MIT License.\n\n## 👤 Author\n\n**Nishul Dhakar**\n\n\u003cp\u003e\n  \u003ca href=\"https://github.com/nishuldhakar\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://linkedin.com/in/nishuldhakar\"\u003e\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://twitter.com/nishuldhakar\"\u003e\u003cimg src=\"https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white\" alt=\"Twitter\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n🚀 **Feel free to fork, contribute, or suggest improvements!** 🎉\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishuldhakar%2Freact-minor-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnishuldhakar%2Freact-minor-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishuldhakar%2Freact-minor-projects/lists"}