{"id":21404594,"url":"https://github.com/awebcode/react-project-interview","last_synced_at":"2026-01-02T17:47:57.089Z","repository":{"id":259209520,"uuid":"876447439","full_name":"awebcode/react-project-interview","owner":"awebcode","description":"Course Buy Website built with Vite, React🛒 Course Listing: View all available courses. 📑 Course Details: Learn more about each course. 🧾 Checkout System: Secure and easy checkout for course purchases. 📱 Responsive Design: Fully optimized for mobile, tablet, and desktop devices. 🔄 Fast Navigation: Using client-side rendering for instant page ","archived":false,"fork":false,"pushed_at":"2024-10-23T02:48:34.000Z","size":3824,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T03:33:16.660Z","etag":null,"topics":["course-project","course-website","mern-cart","mern-course","react-course"],"latest_commit_sha":null,"homepage":"https://react-project-interview.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/awebcode.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":"2024-10-22T01:38:35.000Z","updated_at":"2024-10-23T02:48:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"6dcece95-acfc-4403-93d0-db31292676f3","html_url":"https://github.com/awebcode/react-project-interview","commit_stats":null,"previous_names":["awebcode/react-project-interview"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebcode%2Freact-project-interview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebcode%2Freact-project-interview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebcode%2Freact-project-interview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebcode%2Freact-project-interview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awebcode","download_url":"https://codeload.github.com/awebcode/react-project-interview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243902264,"owners_count":20366258,"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":["course-project","course-website","mern-cart","mern-course","react-course"],"created_at":"2024-11-22T16:16:39.981Z","updated_at":"2026-01-02T17:47:57.063Z","avatar_url":"https://github.com/awebcode.png","language":"JavaScript","readme":"#Course Buy Website 📚\nThis is a modern platform for buying online courses, built using Vite, React, and Tailwind CSS. The project provides a seamless experience for browsing, exploring, and securely purchasing courses.\n\n#📋 Table of Contents\nDemo\nFeatures\nTech Stack\nInstallation\nUsage\nProject Structure\nConfiguration\nContributing\nLicense\nContact\n#🎉 Demo\nAccess the live version of the project here:\nCourse Buy Website\n\n#🚀 Features\n🛒 Browse Courses: Users can view all available courses.\n📄 Course Details: Get detailed information about any course.\n🔐 Secure Checkout: Add courses to the cart and complete the purchase with ease.\n📱 Mobile Friendly: The website is fully responsive.\n🌙 Dark Mode: Switch between light and dark modes effortlessly.\n⚡ Blazing Fast: Instant page navigation with client-side routing.\n🛠 Tech Stack\nFrontend: Vite + React\nStyling: Tailwind CSS\nRouting: React Router\nState Management: React Hooks (useState, useEffect)\nIcons: Heroicons\nDeployment: Vercel / Netlify\n⚙️ Installation\nPrerequisites\nEnsure you have Node.js and Yarn installed on your system.\n\nClone the Repository:\n\ngit clone https://github.com/awebcode/react-project-interview.git\ncd course-buy-website\nInstall Dependencies:\n\nyarn install\nRun Development Server:\n\nyarn dev\nBuild for Production:\n\nyarn build\nPreview the Production Build:\n\nyarn preview\n#🚀 Usage\nAfter starting the development server, visit http://localhost:5173 in your browser.\n\nHome Page: Browse all courses.\nCourse Details: Click on any course to view more details.\nCheckout: Add courses to the cart and purchase them.\n#📂 Project Structure\ngraphql\nCopy code\n├── public/            # Static assets (images, icons)\n├── src/\n│   ├── assets/        # Course images and icons\n│   ├── components/    # Reusable React components (e.g., Header, Footer)\n│   ├── pages/         # Main pages (Home, Course, Checkout)\n│   ├── routes/        # Routing configurations\n│   ├── styles/        # Tailwind CSS styles\n│   ├── App.jsx        # Main application component\n│   └── index.js       # Entry point\n├── .gitignore         # Files to ignore in version control\n├── index.html         # Main HTML entry point\n├── package.json       # Project dependencies and scripts\n├── postcss.config.js  # PostCSS configuration\n├── tailwind.config.js # Tailwind CSS configuration\n└── README.md          # Project documentation\n🔧 Configuration\nTailwind CSS\nIf you want to customize the Tailwind CSS configuration, modify the tailwind.config.js file.\n\nmodule.exports = {\n  content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n#🤝 Contributing\nContributions are welcome! Please follow these steps:\n\n##Fork the repository\n###Create a new branch\n\ngit checkout -b feature/your-feature-name\nCommit your changes\n\n\n\n\n\ngit commit -m \"Add your message here\"\nPush to the branch\n\ngit push origin feature/your-feature-name\nOpen a Pull Request\n#📄 License\nThis project is licensed under the MIT License. See the LICENSE file for more information.\n\n#📧 Contact\nIf you have any questions or suggestions, feel free to reach out!\n\nGitHub: @awebcode\nEmail: asikurrahaman997@.com\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawebcode%2Freact-project-interview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawebcode%2Freact-project-interview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawebcode%2Freact-project-interview/lists"}