https://github.com/ahadalireach/bookdock
A full-stack web application that allows users to manage books—post, update, delete, view, and search for books by title or author.
https://github.com/ahadalireach/bookdock
axios expressjs fullstack-development fullstack-web-development mongodb nodejs reactjs tailwindcss
Last synced: 4 months ago
JSON representation
A full-stack web application that allows users to manage books—post, update, delete, view, and search for books by title or author.
- Host: GitHub
- URL: https://github.com/ahadalireach/bookdock
- Owner: ahadalireach
- Created: 2024-08-30T11:25:02.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-09-09T16:33:47.000Z (9 months ago)
- Last Synced: 2024-12-04T23:09:28.635Z (6 months ago)
- Topics: axios, expressjs, fullstack-development, fullstack-web-development, mongodb, nodejs, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://bookdock.vercel.app
- Size: 114 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Book Dock
**Book Dock** is a full-stack MERN application designed to manage books. Users can post, update, delete, and view books, as well as search for them by title or author.
## Technologies Used
- **Frontend:** React JS, Tailwind CSS
- **Backend:** Node JS, Express JS
- **Database:** MongoDB
- **Development Tool:** Vite
## Features
- **Add**: Post new books with details including title, author, and published year.
- **Update**: Edit existing book details.
- **Delete**: Remove books from the database.
- **View**: Browse and view book details.
- **Search**: Find books by title or author.
## Getting Started
### Prerequisites
- Node.js and npm installed
- VS Code or any other code editor
- Git (optional, for cloning the repository)
### Setup Instructions
1. **Clone the Repository**
```bash
git clone https://github.com/ahadalireach/bookdock.git
```
`Unzip the File`
2. **Open with VS Code**
Open the project directory with VS Code or your preferred code editor.
3. **Install Dependencies**
**Frontend:**
- Navigate to the frontend directory:
```bash
cd frontend
```
- Install the dependencies:
```bash
npm install
```
- Run the development server:
```bash
npm run dev
```
**Backend:**
- Navigate to the backend directory:
```bash
cd backend
```
- Create a `.env` file in the backend directory and add the following environment variables:
```env
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key
```
- Install the dependencies:
```bash
npm install
```
- Start the server:
```bash
npm run dev
```
4. **Update API URLs**
Ensure that the API URLs in the frontend code are correctly set to point to your local backend server.
5. **Access the Application**
Open your browser and navigate to [http://localhost:3000](http://localhost:3000) to view the application.
**Live Demo**
- Live Web: [bookdock-web.vercel.app](https://bookdock-web.vercel.app)
- GitHub Repo: Give it a Star!
- Live Video Demo: [Link](https://youtu.be/bGsOCxYh-Yg?si=CxbdREUj6p-0qthf)
**Contact**
For any questions or feedback, please reach out to me at [[email protected]](mailto:[email protected]).