{"id":26552031,"url":"https://github.com/apfirebolt/next_books","last_synced_at":"2026-04-13T13:02:13.461Z","repository":{"id":283023349,"uuid":"949244556","full_name":"Apfirebolt/next_books","owner":"Apfirebolt","description":"A Books database application created using Next JS, Tailwind CSS and Framer Motion 🚀","archived":false,"fork":false,"pushed_at":"2025-03-18T06:34:44.000Z","size":558,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-18T07:33:43.161Z","etag":null,"topics":["books-api","framer-motion","nextjs","reactjs","tailwindcss"],"latest_commit_sha":null,"homepage":"https://next-books-lovat.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/Apfirebolt.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-03-16T02:05:15.000Z","updated_at":"2025-03-18T06:34:47.000Z","dependencies_parsed_at":"2025-03-18T07:33:44.636Z","dependency_job_id":"a415c6da-0692-4770-85cb-9457eb2cf766","html_url":"https://github.com/Apfirebolt/next_books","commit_stats":null,"previous_names":["apfirebolt/next_books"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fnext_books","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fnext_books/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fnext_books/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fnext_books/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Apfirebolt","download_url":"https://codeload.github.com/Apfirebolt/next_books/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244926836,"owners_count":20533201,"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":["books-api","framer-motion","nextjs","reactjs","tailwindcss"],"created_at":"2025-03-22T08:23:20.446Z","updated_at":"2026-04-13T13:02:13.366Z","avatar_url":"https://github.com/Apfirebolt.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white)\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![Framer Motion](https://img.shields.io/badge/Framer_Motion-0055FF?style=for-the-badge\u0026logo=framer\u0026logoColor=white)\n![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge\u0026logo=axios\u0026logoColor=white)\n\n# Books Database App\n\n## Introduction\n\nThis project is a Next.js application that serves as a database for books. It allows users to view book entries from the API https://softgenie.org/api/books. The application is built using Next.js for server-side rendering and optimized performance. It uses Tailwind CSS for styling and Framer motion for animated components such as loaders\n\nAt the time of writing this, this application is available to be tested at https://next-books-lovat.vercel.app\n\n## Features\n\n- View a list of books\n- Tailwind CSS components with custom theme\n- Responsive design for mobile and desktop\n\n## Technologies Used\n\n- **Next.js**: A React framework for server-side rendering and static site generation\n- **React**: A JavaScript library for building user interfaces\n- **Framer Motion**: For animated components\n- **Tailwind CSS**: Utility-based CSS library to apply styling to the application\n- **Axios**: For making HTTP requests to a backend API\n\n## Prerequisites\n\nBefore you begin, ensure you have met the following requirements:\n\n- You have installed Node.js and npm.\n- You have a basic understanding of JavaScript and React.\n\n## Enable Google Auth\n\nCreate an env file with the following contents :-\n\n```\nNEXTAUTH_SECRET=\"your_secret_key\"\nGOOGLE_CLIENT_ID=\"your_google_client_id\"\nGOOGLE_CLIENT_SECRET=\"your_google_secret\"\n```\n\n## Installation\n\nTo install the project, follow these steps:\n\n1. Clone the repository:\n\n    ```sh\n    git clone https://github.com/apfirebolt/next_books.git\n    cd next_books\n    ```\n\n2. Install the dependencies:\n\n    ```sh\n    npm install\n    ```\n\n3. Start the development server:\n\n    ```sh\n    npm run dev\n    ```\n\n## Usage\n\nTo use the application, follow these steps:\n\n1. Open your browser and navigate to `http://localhost:3000`.\n2. Browse the list of games.\n\n## Screenshots\n\nThis is the Books page\n\n![Screenshot](/screenshots/1.png)\n\n## Project Structure\n\nAfter creating the project, your directory structure should look like this:\n\n```\nnext_games_database/\n├── node_modules/\n├── screenshots/\n├── public/\n│   ├── favicon.ico\n│   └── vercel.svg\n|   |── next.svg\n├── src/\n│   ├── app/\n│   ├── components/\n│   ├── actions/\n│   ├── store.js\n│   ├── next.config.mjs\n│   ├── .gitignore\n│   ├── package.json\n│   ├── README.md\n│   └── next.config.js\n```\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n- `npm run dev`: Starts the development server.\n- `npm run build`: Bundles the app into static files for production.\n- `npm start`: Starts the production server.\n\n## Contributing\n\nContributions are always welcome! Please follow these steps to contribute:\n\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature/your-feature`).\n3. Make your changes.\n4. Commit your changes (`git commit -m 'Add some feature'`).\n5. Push to the branch (`git push origin feature/your-feature`).\n6. Open a pull request.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.\n\n## Learn More\n\nTo learn more about Next.js and React, check out the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs)\n- [React Documentation](https://reactjs.org/)\n- [Tailwind CSS Documentation](https://tailwindcss.com/docs)\n- [Framer Motion Documentation](https://www.framer.com/motion/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Fnext_books","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapfirebolt%2Fnext_books","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Fnext_books/lists"}