Welcome to the Coffee Shop Finer App! It enables users to search for and explore coffee shops, view their products, and get detailed information about each shop.
- Register your shop
- List all shops
- Search for your shop
- List all products of a particular shop
- Display location of the shop on map
- Add products to a shop
- Edit and delete operations on shops
- Responsive design
-
Set up
.env
file- Create a
.env
file in the/backend
directory. - Add environment variables like database connection string, API keys, etc. (if applicable).
- Create a
-
Install dependencies
cd backend npm install
-
Run development server
npm run dev
The backend server will start running on http://localhost:3000.
-
Set up
.env
file- Create a
.env
file in the/frontend
directory. - Add environment variables like backend API URL (e.g.,
REACT_APP_API_URL=http://localhost:5000/api/v1+
).
- Create a
-
Install dependencies
cd frontend npm install
-
Run development server
npm run dev
The frontend development server will start running on http://localhost:5173.
- Navigate to the registration page.
- Fill out the required information and submit the form.
- Visit the shops list page to see all registered shops.
- Navigate to the shop's detail page.
- Click on the "Add Product" button and fill out the product details.
- View the location of the shop on the map.
- On the shops list page or shop detail page, use the edit or delete functionality.
- Use the search feature to find a specific shop by name.
- Node.js
- Express.js (for backend)
- React (for frontend)
- MongoDB (for database)
- Leaflet.js (for maps integration - 3rd party api)
- Cloudinary (for image storage - 3rd party api)