This project is an app hosting website that showcases a featured application along with the technologies used to build both the app and its backend. It provides a platform to present the app, highlight its main features, and demonstrate the tech stack and architecture behind its development.
- 📢 Share Recommendations: Users can easily share their favorite books and recommendations with the community.
- 👀 Watch Others' Recommendations: Discover new books by browsing and watching recommendations shared by other users.
- 🔒 Robust Authentication System: Secure and seamless authentication ensures user data privacy and a safe experience.
Screenshots of the app can be found in the public/ directory:
- 🏠 Home Screen:
public/homeSc_SS-portrait.png - ➕ Create Screen:
public/createSc_SS-portrait.png - 👤 Profile Screen:
public/profileSc_SS-portrait.png - 🔑 Login Screen:
public/login-portrait.png
- ⚛️ React (with TypeScript)
- ⚡ Vite (build tool)
- 🎨 Tailwind CSS (utility-first styling)
- 🎬 Framer Motion (animations)
- 🖌️ Lucide React (icons)
- 🧭 React Router DOM (routing)
- 📱 React Native (cross-platform mobile development)
- 🚀 Expo (mobile app development platform)
- 🐻 zustand Toolkit (state management)
- 🚀 Express.js (web framework)
- 🍃 MongoDB (NoSQL database)
- 💚 Node.js (runtime)
- 🔐 JWT (authentication)
AppHostingSite/
├── public/ # Static assets and screenshots
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Main pages: Home, Client, Server
│ ├── index.css # Tailwind CSS entry
│ ├── App.tsx # Main app component
│ └── main.tsx # Entry point
├── package.json # Project metadata and scripts
├── tailwind.config.js # Tailwind CSS config
├── postcss.config.js # PostCSS config
├── vercel.json # Vercel deployment config
└── ...
- Clone the repository:
git clone <your-repo-url> cd AppHostingSite
- Install dependencies:
npm install
-
🛠️ Development mode:
npm run dev
The app will be available at
http://localhost:5173(or as specified by Vite). -
🏗️ Production build:
npm run build npm run preview
-
🧹 Linting:
npm run lint
This project is configured for deployment on Vercel:
- The
vercel.jsonfile ensures all routes are handled by the SPA. - To deploy, push your repository to GitHub and import it into Vercel.
- Vercel will automatically detect the Vite + React setup and deploy your app.
You can download the BooKStream APK directly from the app or via the following link: Download APK
- Frontend Code: Book-recommend-app (GitHub)
- Backend Code: Book-service-backend (GitHub)
- Author: Bismay Bibhabasu
- Social: GitHub | X | Instagram
BooKStream — Discover, track, and enjoy your reading journey with the power of modern web and mobile technology.