https://github.com/saabbir/fictional-travel-site

A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/
https://github.com/saabbir/fictional-travel-site

postcss webpack

Last synced: 1 day ago
JSON representation

A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/

• Host: GitHub
• URL: https://github.com/saabbir/fictional-travel-site
• Owner: Saabbir
• Created: 2020-03-01T15:32:42.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-10-27T06:04:15.000Z (about 1 year ago)
• Last Synced: 2024-05-16T02:38:38.281Z (6 months ago)
• Topics: postcss, webpack
• Language: CSS
• Homepage: https://saabbir.github.io/fictional-travel-site/
• Size: 4.66 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 31
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Fictional Travel Site

Coded this site when I took the udemy course [Git a Web Developer Job: Mastering the Modern Workflow](https://www.udemy.com/course/git-a-web-developer-job-mastering-the-modern-workflow/) by [Brad Schiff](https://www.udemy.com/user/bradschiff/)

Demo can be seen in here - https://fictional-travel-site.netlify.app/

## Features

- Uses vanilla JavaScript

- 100% responsive layout

- Cross browser compatible

- Uses webpack for automation

- Uses postcss

## Getting Started

Clone this repo:

```sh

git clone https://github.com/Saabbir/fictional-travel-site.git

```

The project is based on [Node.js](https://nodejs.org/en/). To install the necessary packages, run this command in the root folder of the site:

```sh

npm install

```

### After Installation

- Run `npm run dev` from root folder for a development server and live reloading

- Run `npm run build` from root folder for production build

## Dependencies

Fictional Travel Site uses a number of open source projects for the production build:

- [lazysizes](https://ghub.io/lazysizes)

- [lodash](https://ghub.io/lodash)

- [normalize.css](https://ghub.io/normalize.css)

## Dev Dependencies

Fictional Travel Site uses a number of open source projects for the development build:

- [@babel/core](https://ghub.io/@babel/core)

- [@babel/preset-env](https://ghub.io/@babel/preset-env)

- [autoprefixer](https://ghub.io/autoprefixer)

- [babel-loader](https://ghub.io/babel-loader)

- [clean-webpack-plugin](https://ghub.io/clean-webpack-plugin)

- [css-loader](https://ghub.io/css-loader)

- [cssnano](https://ghub.io/cssnano)

- [file-loader](https://ghub.io/file-loader)

- [fs-extra](https://ghub.io/fs-extra)

- [html-webpack-plugin](https://ghub.io/html-webpack-plugin)

- [mini-css-extract-plugin](https://ghub.io/mini-css-extract-plugin)

- [postcss-hexrgba](https://ghub.io/postcss-hexrgba)

- [postcss-import](https://ghub.io/postcss-import)

- [postcss-loader](https://ghub.io/postcss-loader)

- [postcss-mixins](https://ghub.io/postcss-mixins)

- [postcss-nested](https://ghub.io/postcss-nested)

- [postcss-simple-vars](https://ghub.io/postcss-simple-vars)

- [style-loader](https://ghub.io/style-loader)

- [webpack](https://ghub.io/webpack)

- [webpack-cli](https://ghub.io/webpack-cli)

- [webpack-dev-server](https://ghub.io/webpack-dev-server)

## References

- [Git a Web Developer Job: Mastering the Modern Workflow](https://www.udemy.com/course/git-a-web-developer-job-mastering-the-modern-workflow/)