Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/fraineralex/periodictable-application

⚛️ Node.js web app displays periodic table using Express with Handlebars.
https://github.com/fraineralex/periodictable-application

express handlebars node periodic-table

Last synced: 7 days ago
JSON representation

⚛️ Node.js web app displays periodic table using Express with Handlebars.

Awesome Lists containing this project

README

        


Periodic Table App


Web application build with Node.js and Handlebars about the periodic table.




Badge showing the total of project forks


Badge showing the total of project stars


Badge showing average commit frequency per month


Badge showing when the last commit was made


Badge showing the total of project issues


Badge showing the total of project pull-requests


Badge showing project license type


About   |  
Technologies   |  
Requirements   |  
Starting   |  
Contributing

## :dart: About ##

Periodic Table Application is a web application developed on Node.js with MVC when the elements declared in an array is iterated through handlebars with the structure of the periodic table and depending on the group of the same is organized in its place and with its corresponding color.

[![table.png](https://i.postimg.cc/x8v26NQY/table.png)](https://postimg.cc/K38wzz4s)

## :rocket: Main Technologies ##


js Logo
   


Node.js Logo
   


Express Logo
   


HTML Logo
   


CSS Logo
   

###

See more

###

* Frontend
- html
- css
- js

* Backend
- Node js
- Express
- express-handlebars

## :white_check_mark: Requirements ##

Before starting :checkered_flag:, you need to have [Node js](https://nodejs.org) v16.13.2 onwards installed.

## :checkered_flag: Starting ##

```bash
# Clone this project
$ git clone https://github.com/fraineralex/PeriodicTable-Application
# Access
$ cd PeriodicTable-Application
# Install dependencies
$ npm install
# Run the project
$ npm start
# The server will execute and you will see the path: http://localhost:5000
```

## :memo: License ##

This project is under license from MIT. For more details, see the [LICENSE](LICENSE.md) file.

Made with 💙 by Frainer Encarnación

## 👨🏻‍🚀 Developer
- Frainer Encarnación --> [Github](https://github.com/fraineralex)