This web application allows users to manage their book collection. It provides features such as adding new books, removing books, and categorizing them by genre. The application is built using React and Redux for state management, making it easy to organize and track your reading list.
MIT License
Welcome to the Bookstore CMS, a web application for managing and categorizing your book collection. This project provides an intuitive user interface to add, edit, and categorize books, making it easy to keep your library organized. The Bookstore CMS is built with React, Redux, and React Router for efficient state management and dynamic routing.
This project was built using a variety of modern technologies and tools:
Our project leverages these technologies to deliver a modern and efficient web application.
Before you begin, ensure you have met the following requirements:
git clone https://github.com/lily4178993/bookstore-cms.git
cd bookstore-cms
npm install
The Bookstore CMS uses environment variables to configure certain settings. To set up these variables, follow these steps:
Create a .env
file in the project's root directory:
touch .env
Open the .env
file in a text editor of your choice.
Define the following environment variables in the .env
file:
REACT_APP_URL=your_api_url_here
REACT_APP_KEY=your_api_key_here
Replace your_api_url_here
and your_api_key_here
with the appropriate values for your API setup.
Save the .env
file.
Now, the project is configured to use your custom environment variables.
To run the application locally, use the following command:
1. Fixing JavaScript/JSX Errors
To identify and automatically fix JavaScript/JSX errors using ESLint, run the following command:
npx eslint "**/*.{js,jsx}" --fix
ESLint will analyze your code and attempt to fix any issues automatically.
2. Fixing CSS/SCSS Errors
To identify and automatically fix CSS/SCSS errors using Stylelint, run the following command:
npx stylelint "**/*.{css,scss}" --fix
Stylelint will analyze your CSS and SCSS files and attempt to fix any issues automatically.
The project is organized as follows:
src/
: Contains the source code of the application.
components/
: Contains reusable React components.redux/
: Manages the application state using Redux.assets/
: Stores static assets like images and icons.containers/
: Defines the main pages of the application.App.js
: The root component of the application..env
: Configuration file for environment variables.README.md
: This documentation file.package.json
: Defines project metadata and dependencies.public/
: Contains static files like the HTML template and the project's favicon.Contributions are welcome! If you'd like to contribute to the project, please follow these guidelines:
Please ensure your code adheres to the project's coding standards and is well-documented.
We would like to express our sincere gratitude to the talented artists and photographers who contributed their work to this project. Their beautiful images have enhanced the visual appeal of our application. Please take a moment to appreciate their creativity and generosity:
We are thankful for their valuable contributions to our project, making it more visually appealing and engaging.
This project is licensed under the MIT License - see the LICENSE file for details.
Here are some videos from the Bookstore CMS application:
https://github.com/lily4178993/bookstore-cms/assets/101261047/d84f4716-17c7-41f8-a328-92fd07375a34
https://github.com/lily4178993/bookstore-cms/assets/101261047/14d37177-6b52-40b2-8aa3-9b12d642e72c