https://github.com/yazanqarabash/chocolate-museum

A virtual Chocolate Museum web application showcasing chocolate collections, chocolate history and user management.
https://github.com/yazanqarabash/chocolate-museum

chocolate express handlebars javascript nodejs sqlite3 tailwindcss

Last synced: 3 days ago
JSON representation

A virtual Chocolate Museum web application showcasing chocolate collections, chocolate history and user management.

• Host: GitHub
• URL: https://github.com/yazanqarabash/chocolate-museum
• Owner: yazanqarabash
• Created: 2024-10-13T02:00:49.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-12-11T19:05:32.000Z (about 2 months ago)
• Last Synced: 2024-12-12T04:07:38.939Z (about 2 months ago)
• Topics: chocolate, express, handlebars, javascript, nodejs, sqlite3, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 3.72 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Chocolate Museum – Web Development Project

Welcome to the Chocolate Museum project! This is a web application that allows users to explore a virtual museum of chocolates. It includes features like viewing chocolate collections, learning about their history, and more.

**Note:** *This project is using browser-sync for live reloading, follow the scripts in CASE of development changes in ORDER!* \

**Note:** To test authentication:

- username: Admin

- password: admin123

## Screenshots

Here is a taste of how the web application looks like: \

– _photos taken with GoFullPage_



  


    

    

  

  


    

    

  

  


    

    

  



## Setup Scripts

Before running the project, make sure to install all dependencies by running:

### `npm install`

In the project directory, you should run:

### `npm run tailwind:css`

Scans template files for classes, builds the CSS and add it to `styles.css` used in `main.handlebars`. \

See the section about tailwindcss [installation](https://tailwindcss.com/docs/installation) for more information.

### `npm start`

Runs the app using nodemon in the development mode. \

Server runs on **localhost:3000**, but since we are using browser-sync it will use proxy mode. \

The server will reload when you make changes.

### `npm run ui`

**OBS:** *This script should run last!* \

Automatically reloads the browser when you make changes. \

Browser-sync will proxy current running server. \

Open [http://localhost:3001](http://localhost:3001) to view it in your browser.

**HINT:** If the port is wrong, check the terminal running browser-sync to land right! 

### `/* Happy Coding! */`