{"id":15068430,"url":"https://github.com/jay-raam/volleyy","last_synced_at":"2026-02-15T03:32:19.104Z","repository":{"id":255853970,"uuid":"853751192","full_name":"Jay-Raam/VolleyY","owner":"Jay-Raam","description":"VolleyY is a dynamic web application designed for users to explore, cart and buy shoes and clothing. Combining an intuitive user interface with robust backend functionality, VolleyY delivers an engaging and seamless shopping experience.","archived":false,"fork":false,"pushed_at":"2024-09-18T04:47:46.000Z","size":4461,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-22T05:27:51.482Z","etag":null,"topics":["expressjs","magicui","mongo","nextjs","nodejs","shadcn-ui","tailwindcss"],"latest_commit_sha":null,"homepage":"https://volleyy-frontend.vercel.app/","language":"TypeScript","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/Jay-Raam.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-09-07T12:41:21.000Z","updated_at":"2024-09-18T04:47:49.000Z","dependencies_parsed_at":"2024-09-07T14:05:26.951Z","dependency_job_id":"4fee953f-9be7-4503-9223-7bfb713b4732","html_url":"https://github.com/Jay-Raam/VolleyY","commit_stats":null,"previous_names":["jay-raam/volleyy"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jay-Raam%2FVolleyY","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jay-Raam%2FVolleyY/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jay-Raam%2FVolleyY/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jay-Raam%2FVolleyY/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jay-Raam","download_url":"https://codeload.github.com/Jay-Raam/VolleyY/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235169399,"owners_count":18946969,"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":["expressjs","magicui","mongo","nextjs","nodejs","shadcn-ui","tailwindcss"],"created_at":"2024-09-25T01:35:37.246Z","updated_at":"2025-10-08T10:51:33.140Z","avatar_url":"https://github.com/Jay-Raam.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## VolleyY — v1\n\nWelcome to VolleyY! I’m Jayasriraam, a front-end Developer based in Chennai, and I’m thrilled to introduce my project.\nVolleyY is a dynamic web application designed for users to explore, cart and buy clothing. \nCombining an intuitive user interface with robust backend functionality, VolleyY delivers an engaging and seamless shopping experience.\n\n## Tech Stack\nClient: Next.js, TailwindCSS, Shadcn UI, Magic UI, TypeScript\n\nServer: Node.js, Express.js, MongoDB\n\nHosting: Vercel\n\n## Screenshots \u0026 Demo\n\n\u003cimg src=\"https://mir-s3-cdn-cf.behance.net/project_modules/1400/b5a942207371629.66dc54e70e10d.png\" alt=\"Home page - 01\" /\u003e \n\u003cimg src=\"https://mir-s3-cdn-cf.behance.net/project_modules/1400/59c559207371629.66dc54e70e57d.png\" alt=\"Home page - 02\" /\u003e \n\u003cimg src=\"https://mir-s3-cdn-cf.behance.net/project_modules/1400/115626207371629.66dc54e70d4f6.png\" alt=\"Home page - 03\" /\u003e \n\u003cimg src=\"https://mir-s3-cdn-cf.behance.net/project_modules/1400/2afb23207371629.66dc54e70d9d7.png\" alt=\"Home page - 04\" /\u003e\n\n[View Live Demo](https://volleyy-frontend.vercel.app/)\n\n\n## Problems \u0026 Solutions\nProblem 1: Efficient Product Data Management\nChallenge: Managing and displaying a wide array of product data effectively while ensuring fast load times and a responsive shopping experience.\n\nSolution: Utilized server-side rendering with Next.js to fetch and render product data before sending it to the client. Employed MongoDB for efficient data storage and management, coupled with caching mechanisms to minimize load times and enhance performance.\n\nProblem 2: Responsive Design\nChallenge: Ensuring the application is fully responsive and delivers a consistent experience across various devices and screen sizes.\n\nSolution: Applied TailwindCSS for a responsive design that adjusts seamlessly to different screen sizes. Leveraged Shadcn UI components for a consistent and accessible user interface, integrating flexible grid layouts, media queries, and accessibility best practices.\n\nProblem 3: Real-Time Search and Filtering\nChallenge: Implementing a swift search and filtering mechanism to help users quickly find products.\n\nSolution: Developed dynamic search functionality that updates results in real-time as users input search terms. Employed efficient querying techniques with MongoDB to handle search and filtering operations promptly, providing users with immediate feedback.\n\n## Run Locally\n\nClone the project\n\n```bash\n  git clone https://github.com/Jay-Raam/VolleyY.git\n```\n\nGo to the project directory\n\nInstall dependencies\n\n```bash\n  cd VolleyY\n  cd frontend\n```\n\n```bash\n  npm install\n```\n\nStart the server\n\n```bash\n  npm run dev\n```\n\n## Contributing \u0026 Usage\n\nFeel free to use or adapt the front-end code for your own movie-related projects. I encourage you to customize the theme and components to fit your needs. \n**Please note that the backend code is not included in this repository and should be used for reference only. If you choose to use same backend code, ensure that it is independently developed**. \nThe content of this application is tailored to movie enthusiasts and showcases various film-related features, showcase my skills also.\n\nIncase you have any questions or concerns, please feel free to reach out to me on [Instagram.](https://www.instagram.com/_ivanjay_/) I am always happy to help!\n\n\n## License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjay-raam%2Fvolleyy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjay-raam%2Fvolleyy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjay-raam%2Fvolleyy/lists"}