{"id":15134193,"url":"https://github.com/jay-raam/narratiq","last_synced_at":"2026-01-20T01:22:56.616Z","repository":{"id":256533554,"uuid":"855678280","full_name":"Jay-Raam/Narratiq","owner":"Jay-Raam","description":"One Page at a Time - Your Next Great Read Starts Here","archived":false,"fork":false,"pushed_at":"2024-09-11T16:17:58.000Z","size":498,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T22:42:15.509Z","etag":null,"topics":["eslint","expressjs","mongodb","nextjs","nodejs","reactjs","tailwindcss","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://narratiq.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-11T09:25:14.000Z","updated_at":"2024-09-11T16:18:01.000Z","dependencies_parsed_at":"2024-09-11T13:13:13.662Z","dependency_job_id":"ae72c3b2-f26d-45b4-9245-f61585506b53","html_url":"https://github.com/Jay-Raam/Narratiq","commit_stats":null,"previous_names":["jay-raam/narratiq"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jay-Raam%2FNarratiq","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jay-Raam%2FNarratiq/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jay-Raam%2FNarratiq/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jay-Raam%2FNarratiq/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jay-Raam","download_url":"https://codeload.github.com/Jay-Raam/Narratiq/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247411194,"owners_count":20934650,"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":["eslint","expressjs","mongodb","nextjs","nodejs","reactjs","tailwindcss","typescript","vercel"],"created_at":"2024-09-26T05:03:37.500Z","updated_at":"2026-01-20T01:22:56.590Z","avatar_url":"https://github.com/Jay-Raam.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Narratiq — v1\n\nWelcome to Narratiq! I’m Jayasriraam, a front-end Developer based in Chennai, and I’m excited to introduce my project.\nNarratiq is a comprehensive web application designed for users to explore, catalog, and borrow books. \nCombining an intuitive user interface with a powerful backend, Narratiq delivers an engaging and seamless library experience.\n\n## Tech Stack\n\nClient: Next.js, TailwindCSS, 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/f6017b207690069.66e1bf6c34937.png\" alt=\"Home page - 01\" /\u003e \n\u003cimg src=\"https://mir-s3-cdn-cf.behance.net/project_modules/fs/82bdd9207690069.66e1bf6c341ea.png\" alt=\"Home page - 02\" /\u003e\n\u003cimg src=\"https://mir-s3-cdn-cf.behance.net/project_modules/fs/ab4566207690069.66e1bf6c33b57.png\" alt=\"Home page - 03\" /\u003e\n\n[View Live Demo](https://narratiq.vercel.app/)\n\n\n## Problems \u0026 Solutions\nProblem 1: Efficient Book Data Management\nChallenge: Managing and displaying a vast library of 1,00,000 book records effectively while ensuring fast load times and a responsive user experience.\n\nSolution: Implemented server-side rendering with Next.js to pre-fetch and render book data before sending it to the client.\nUtilized MongoDB for efficient data storage and management, along with caching techniques to reduce load times and improve performance.\n\nProblem 2: Responsive Design\nChallenge: Ensuring the application is fully responsive and provides a consistent experience across various devices and screen sizes.\n\nSolution: Used TailwindCSS for a responsive design that adapts seamlessly to different screen sizes.\nIntegrated whith tailwind css components for a uniform and accessible user interface, incorporating flexible grid layouts, media queries, and accessibility best practices.\n\nProblem 3: Real-Time Search and Filtering\nChallenge: Developing a fast search and filtering mechanism to help users quickly locate books in the extensive library.\n\nSolution: Created dynamic search functionality that updates results in real-time as users type their search queries. \nLeveraged efficient querying methods with MongoDB to handle search and filtering operations swiftly, providing users with immediate results.\n\n## Run Locally\n\nClone the project\n\n```bash\n  git clone https://github.com/Jay-Raam/Narratiq.git\n```\n\nGo to the project directory\n\nInstall dependencies\n\n```bash\n  cd Narratiq\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\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjay-raam%2Fnarratiq","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjay-raam%2Fnarratiq","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjay-raam%2Fnarratiq/lists"}