This project is a full-stack application that includes both a backend and a frontend. The backend is built with Node.js/Express, and the frontend is built with React.
- Backend API for handling data and business logic.
- Frontend React application for user interaction.
- Seamless integration between backend and frontend.
google-react-app/
├── backend/ # Backend code (FastAPI)
├── frontend/ # Frontend code (React)
└── README.md # Project documentation
- Node.js (v14 or higher)
- npm or yarn
- Git (optional)
- Fastapi & uvicorn
git clone https://github.com/Rajkumar-21/google-books-react-fastapi-app.git
cd google-books-react-fastapi-app
- Navigate to the
backend
folder:cd backend
- Install dependencies:
python -m venv env pip install -r requirements.txt
- Start the backend server:
The backend server will run on
uvicorn main:app --reload
http://localhost:8000
by default.
- Navigate to the
frontend
folder:cd ../google-books-ui
- Install dependencies:
npm install
- Start the frontend development server:
The frontend application will run on
npm start
http://localhost:3000
by default.
- Start the backend server as described in the Backend Setup section.
- Start the frontend server as described in the Frontend Setup section.
- Open your browser and navigate to
http://localhost:3000
to access the application.
- Backend: Create a
.env
file in thebackend
folder to configure environment variables (e.g., database connection strings, API keys). - Frontend: Create a
.env
file in thefrontend
folder to configure environment variables (e.g., API base URL).
- Ensure that the backend and frontend are properly connected by updating the API base URL in the frontend configuration.
- For production deployment, build the frontend and serve it using the backend.
This project is licensed under the MIT License.