Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vicentefb/mybrary

Full Stack Web App of an online personal library using HTML, CSS, Express.js, Node.js and MongoDB.
https://github.com/vicentefb/mybrary

expressjs mongodb nodejs

Last synced: about 2 months ago
JSON representation

Full Stack Web App of an online personal library using HTML, CSS, Express.js, Node.js and MongoDB.

Awesome Lists containing this project

README

        

# Mybrary Web Application

Mybrary is a full-stack web application that showcases an online personal library.

![Alt Text](https://github.com/vicentefb/Mybrary/blob/master/public/demo.gif)

### Build

```sh
git clone https://github.com/vicentefb/Mybrary.git
cd Mybrary
npm install
npm run devStart
```
Go to **localhost:3000**

### Tech

Following the MVC (Model, View, Controller) pattern, Mybrary uses some open source projects to work properly:

* HTML and CSS for structuring and styling the web app
* [node.js] - evented I/O for the backend
* [Express] - fast node.js network app framework
* [MongoDB] - database
* [Heroku] - cloud platform to run applications

[MongoDB]:
[node.js]:
[express]:
[Heroku]:

### Folder structure
```
.
├── model # Handles data logic and interacts with database
├── public # Contains CSS stylesheets
├── routes # Handles request flow
├── views # Handles data presentation and it is dynamically rendered
├── .gitignore
├── README.md
├── package-lock.json
├── package.json
└── server.js
```