https://github.com/Poltanek/Book-Display-WebApp
Full-stack website using MERN stack and integrating a server-side database using monolithic application structure. The website is calle Midnight Manuscripts and is supposed to be deployed using Microsoft Azure.
https://github.com/Poltanek/Book-Display-WebApp
css express html javascript mongodb mongoose node postman react restful-api
Last synced: 7 months ago
JSON representation
Full-stack website using MERN stack and integrating a server-side database using monolithic application structure. The website is calle Midnight Manuscripts and is supposed to be deployed using Microsoft Azure.
- Host: GitHub
- URL: https://github.com/Poltanek/Book-Display-WebApp
- Owner: Poltanek
- License: mit
- Created: 2024-10-17T18:45:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-27T19:15:18.000Z (about 1 year ago)
- Last Synced: 2024-12-27T20:19:48.335Z (about 1 year ago)
- Topics: css, express, html, javascript, mongodb, mongoose, node, postman, react, restful-api
- Language: CSS
- Homepage: https://midnight-manuscript-aebncgefdhhse6b4.uksouth-01.azurewebsites.net
- Size: 15.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Table of Contents
1. [Midnight Manuscripts Codebase](#midnight-manuscripts-codebase)
2. [Directory Layout](#directory-layout)
3. [Installation](#installation)
- [Client-side](#client-side)
- [Server-side](#server-side)
# Midnight Manuscripts Codebase
Midnight Manuscripts is a modern online book display that offers a decent UI/UX experience for exploring new instore books on display at Midnight Manuscripts, a blog for book enthusiasts, and information about the store. The site includes the following pages:
```Homepage```: Welcomes users with featured books and promotions.
```Blogpage``` A collection of articles about books, authors, and literary trends.
```Aboutpage``` Information about Midnight Manuscripts and its mission.
# Directory Layout
Should look like the image below:
# Installation
## client-side
Navigate to client directory:
```
cd client
```
Install Dependencies
```yml
npm install
```
Start the development
```
npm start
```
## server-side
Navigate to server directory
```
cd server
```
Install Dependencies
```yml
npm i chalk cors debug dotenv express mongodb mongoose morgan
```
Start the server
```
nodemon server.js
```
To send data using postman to **newsletter** collection within the web app.
```
http://localhost:5000/newsletter
```
```
{
"title": "New Blog Title",
"description": "This is the description of the new blog post",
"author": "Author Name",
"date": 2024-12-20T07:13:43.740+00:00
}
```
To send data using postman to **blogData** collection within the web app.
```
http://localhost:5000/feed
```
```
{
"name": "Alan Walker",
"email address": "adamtanweer4@gmail.com",
}
```
Data will be found in and located in collection test for development purposes.
## Appendix
