https://github.com/angydev/jest-webpack-login

This project uses webpack as a module bundler, scss as the CSS extension language, and Jest as a a JavaScript testing framework
https://github.com/angydev/jest-webpack-login

example fetch-api javascript jest login scss webpack

Last synced: 3 months ago
JSON representation

This project uses webpack as a module bundler, scss as the CSS extension language, and Jest as a a JavaScript testing framework

• Host: GitHub
• URL: https://github.com/angydev/jest-webpack-login
• Owner: AngyDev
• Created: 2021-04-15T07:30:03.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-04-23T15:33:48.000Z (almost 5 years ago)
• Last Synced: 2025-07-01T01:43:15.097Z (7 months ago)
• Topics: example, fetch-api, javascript, jest, login, scss, webpack
• Language: JavaScript
• Homepage:
• Size: 842 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Jest with Babel and Webpack

![webpack-current](https://img.shields.io/badge/webpack-5.28.0-green?logo=webpack)

![jest](https://img.shields.io/badge/jest-26.x-green?logo=jest)

![sass](https://img.shields.io/badge/sass-1.32.8-green?logo=sass)

![Website](https://img.shields.io/badge/web--site-up-green)

![mock-api](https://img.shields.io/badge/mock--api-up-green)

This project has been created to configure Jest for testing JavaScript with Babel and Webpack and to use Jest with a "simple" login form.     

## Work in Progress :warning:

## Table of Contents

* [Demo](#demo)

* [Features](#features)

* [Requirements](#requirements)

* [Setup](#setup)

## Demo

https://loginjesttest.netlify.app/

## Features

* Demo project files to be used as a reference building of:

  * *JavaScript*

  * *SASS / PostCSS*

  * *HTML* templates

  * *Images* (*CSS backgrounds and image tags*)

  * *Fonts*

* Latest [Webpack 5](https://github.com/webpack/webpack) - *JavaScript* module bundler. 

* Latest [SASS/PostCSS](https://github.com/sass/sass) compiler based on Dart `sass`.

* Latest [Babel 7](https://github.com/babel/babel) (`@babel/core`) - JavaScript compiler - _Use next generation JavaScript, today._

* Configured and ready to use **Webpack Dev Server** plugin for faster local development - [`webpack-dev-server`](https://webpack.js.org/configuration/dev-server/)

* Latest [Jest](https://jestjs.io/) - *JavaScript* Testing framework

## Requirements

* `node` : `^10 || ^12 || >=14`

* `npm`

## Setup

``` bash

# install dependencies

npm install

# build for development

npm run build

# run the project

npm run start

# test the project

npm run test

```