https://github.com/errea/leader-board-project

In this activity you will set up a JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules
https://github.com/errea/leader-board-project

Last synced: 4 months ago
JSON representation

In this activity you will set up a JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules

• Host: GitHub
• URL: https://github.com/errea/leader-board-project
• Owner: errea
• Created: 2021-07-27T15:38:45.000Z (almost 4 years ago)
• Default Branch: develop
• Last Pushed: 2021-07-30T14:51:17.000Z (almost 4 years ago)
• Last Synced: 2023-03-04T15:38:52.020Z (about 2 years ago)
• Language: JavaScript
• Size: 14.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# JavaScript - Build with Webpack  [Todo List Exercise].

In this activity you will set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. You should develop a first working version of the app following a wireframe, but without styling - just focus on functionality. [Find project specifications here](https://github.com/microverseinc/curriculum-javascript/blob/main/leaderboard/m1_basic_structure.md)

      



[![View Code](https://img.shields.io/badge/View%20-Code-green)](https://github.com/errea/leader-board-project)

[![Github Issues](https://img.shields.io/badge/GitHub-Issues-orange)](https://github.com/errea/leader-board-project/issues)

[![GitHub Pull Requests](https://img.shields.io/badge/GitHub-Pull%20Requests-blue)](https://github.com/errea/leader-board-project/pull/1)



## 📝 Contents



Built with   |   

Getting started   |   

Author



># [Description]

>The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Project 1: basic page structure.

## 🔧 Built with

- JavaScript

- DOM

- [Webpack config](hhttps://webpack.js.org/guides/getting-started/)

- ES6 Modules 

- [Gitflow](https://github.com/microverseinc/curriculum-transversal-skills/blob/main/git-github/articles/gitflow.md)

  

  ># [Live Preview](https://determined-jennings-a4d5e7.netlify.app/)

![screenshot](./src/img/screen-shot.png)

## Getting Started 

> To get a local copy up and running follow these simple example steps.

  Get instructions

```

$ cd 

```

~~~bash

$ git clone https://github.com/errea/leader-board-project

$ cd leader-board-project

~~~

Run `npm Install` to install the node modules and webpacker.

Run `npm start` or `npm watch` opens on `http://localhost:8080/` in your browser.

Run `npm run build` to build the bundler.

## Set up

* Open your terminal and locate the folder you want to clone the repository and follow the steps above to install

## Project Structure

    WEBPACK-TODO_LIST

    ├── dist

    │   └── index.bundle.js

        └── index.html

    └── node_modules

    └── .github\workflows

        └── linters.yml

    └── src

        └── /img

      └── index.html

      └── index.js   

      └── style.css

    └── .eslintrc.json

    └── .gitignore

    └── .hintrc

    └──.stylelintrc.json

    └── MIT.md

    └── package-lock.json

    └── package.json

    └──README.md

    └── webpack.config.js

## ✒️  Authors 

👤 **Eri**

- Github: [@errea](https://github.com/errea)

- Twitter: [@Erreakay](https://github.com/errea)

- Linkedin: [Eri Okereafor](https://www.linkedin.com/in/eri-ngozi-okereafor/)

  

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](https://github.com/errea/leader-board-project/issues)

## 👍 Show your support

- Microverse: [@microverse](https://www.microverse.org/)

## Acknowledgments

- Microverse

## 📝 License

This project is [MIT](./MIT.md) licensed.