jQueReact

Marco Castignoli — Tue, 09 Apr 2019 00:02:21 +0000

A stupid experiment (47 lines) to add declarative functionalities to jQuery

Play here

https://codepen.io/marcocastignoli/pen/JVbvdZ

Install

Download the repo https://github.com/marcocastignoli/jQueReact
Do not install dependencies

npm install^C

simply open index.html in the browser.

How it works

Create a state

    const State2 = $.createState({
        title: "asd",
        counter: "0"
    })

Create a template, use data-bind instead of {this.state.variable}

    <div id="test1">
        <h1 data-bind="title"></h1>
        <h1 data-bind="counter"></h1>
        <button onclick="State2.counter++">Increment</button>
        <input data-bind="title">
    </div>

Connect the state with the template

    $("#test1").bindState(State2)

Play with the state and watch the template update automagically 🧙

    State2.counter++
    State2.title = "ciao"

Why?

It's late and I randomly though about it, I realized that it wasn't so hard to do, so I did it.

How it really works?

The state is handled by javascript's getters/setters. As you can see in the example above, I'm using the data attribute to keep the text value of the doms with the getter. Each time the setter is called, I search for all the elements that are binding with the updated state using jquery's $('[data-state="..."]'), and I update them with the state getter.

Would it be cool to build the same thing but without jQuery, same idea but with plain JS?

You have to tell me!

I will start streaming free web development lesson on Twitch!

Marco Castignoli — Sat, 09 Mar 2019 18:22:48 +0000

https://www.twitch.tv/marcocastignoli

Hi guy, I'm a full stack developer, my name is Marco. I'm the founder of Nile (http://nile.shopping/). If you want free web dev lessons show me your support leaving a comment (or an upvote) here!

Also write down the topics you would love to learn!

We created a group on Discord so we can decide things together :) Join us here! https://discordapp.com/invite/MX6sP26

I would love to start streaming free lessons about web development!

Marco Castignoli — Sat, 09 Mar 2019 08:14:12 +0000

I published this post on r/learnprogramming and it was going pretty good but unfortunatelluy it is against the subreddit's rules (autopromoting).

Hi guy, I'm a full stack developer, my name is Marco. I'm the founder of Nile (http://nile.shopping/). If you want free web dev lessons show me your support leaving a comment (or an upvote) here!

Also write down the topics you would love to learn!

We created a group on Discord so we can decide things together :) Join us here!
https://discordapp.com/invite/MX6sP26

Nile - a decentralized, commission-free, local-economy focused online shopping platform.

Marco Castignoli — Tue, 05 Feb 2019 19:11:30 +0000

Nile is a new open-source e-commerce platform focused on local economies which is decentralized and completely commission-free. We are a young and small team, we need contributors to work with us on a voluntary basis. Specifically, we’re looking for developers, designers, and content writers

Commerce is as old as history, and it has always been a driving force for change since the very earliest of ancient societies.

The Internet empowered us to buy and sell across the globe as easy as pushing a button. However, do we really have any power over our trades with large corporations running things around? Everywhere, large corporate beasts are putting local economies at risk, and this is worrying. Amazon, for example, has been involved in several scandals over the years. It has exercised control over book pricing and pushed many publishers to reduce the prices of their books and eBooks,[1] it has out priced local shopkeepers, and it has pressured most local shopkeepers to close down in a number of cities and towns in the US.[2]

We, at Nile, recognise these issues! For this reason, we have set out a community-driven initiative to support local economies and restore the balance of power back in favor of the people.

Global monopolies are obliterating and converting all competition under a single point of control. On the contrary, we're aiming to make markets decentralized and competitive again in order to improve economies and provide a better quality of services.

Join us today in our effort to make the world a better place.

What is Nile?

Nile is a decentralized and commission-free shopping platform that promotes local economies. All the money you pay for goods or services goes directly to the seller. Nile is made to be, as far as possible, similar to the online shops you are already using. So, when you search for something, you will not even notice that you are using a decentralized system.

Not only on Nile will you find general goods, but also general services like car sharing. By using Nile you can create your own business employing a set of predefined components. For example, let's imagine that John has a huge washing machine at home. With Nile, he can start a laundry business just by creating his online store. He may decide to use a timer component, so that his clients can keep track of their dirty laundry status. He may also add a map component in order for customers to know where John is when he is delivering the laundry.

We think that there are too many blockchain projects around, and people are often scared about this fragile environment. Nile's architecture is built upon blockchain-free technologies such as IPFS. We created an infrastructure that works at its best for a metropolitan area. Thus, searching for local services and products is promoted inherently by the technology.

Every aspect of Nile will be customizable, the seller decides his/her payment and delivery methods.

Nile is a federation of ecommerces: we propose a standard way to publish store information on distributed filesystems. If you already have a store on an external platform you are able to join the Nile network.

Why Nile?

From a buyer's standpoint

Best prices. Nile offers the best prices because no one is between you and the seller
A broad variety of products and services. Inside Nile you don't only find general goods, you also find food or services like transportation
Trust. Every seller is certified, and you probably already know the most of them because they are nearby you
Choose from home. Have you ever asked yourself where you can buy a product? You can check it using Nile, then you can buy it and wait at home, or you can go directly to the store

From a seller's standpoint

Free. Nile will always be free
Easy. Nile has a simple user interface, you will easilly be able to create your catalog
Secure payments. Nile allows you to accept secure online payments, even in the store
Powerful. Use components to bring your business to the next level

How it works

Seller

In the image to the left you see how the seller is able to create products and binding them to components. The seller can, for example, create a product and then binding it to a timer component, so when the user buys that product, the seller can communicate to the buyer the state of the order.

In the image to the right you see how requests are handled by the seller, he/she can confirm orders and update product related component. For example he/she can assign a GPS signal to the order, the GPS signal from the delivery man, is then shared live with the client.

Buyer

In the image to the left you see how the buyer can browse the Nile application, stores are categorized by type.
In the image to the right you see how the buyer visualize the GPS and the timer component.

Our Values

Privacy

Data protection and user privacy is a huge topic today. The platform just saves the information which is needed and all users data is saved on the user's devices.

Simplicity

Keep it as simple as possible is our mantra here.

Permissionless access

Everyone can join the system without any registration hurdles.

No costs

Nile will always be free, There are no extra pay features or a pro version. The complete code is open source and free to use.

FAQ

I feel like the basis for your project is already covered by OpenBazaar

We really like OpenBazaar, we spoke with their team about a possible collaboration. They are building a platform strictly bound to cryptocurrencies, with no restrictions. We are building a platform to support local economies, so we need to support FIAT currencies. Moreover it will be possible to moderate the content on Nile.

What about the delivery system?

Right now we are focusing on this project. But before launching Nile we want to build a complementary application to handle deliveries. Our dream is to create a delivery system based upon the community, rewarding who delivers with discount or a small amount of money by the seller.

Is Nile based on a Blockchain?

No. It's based on basic web technologies which are durable and scalable. This allows Nile to run directly in the browser without forcly having to deal with cryptocurrencies.

Can I pay with Cryptocurrencies?

Yes. The Seller decides which payment method will be accepted. We will work together with many cryptocurrencies to provide them as a payment method. The seller can also choose from FIAT currencies like USD or Euro.

Contact and Contribute

We want to build a community-driven online shopping platform, so we have some places, where the community can contribute with ideas, suggestions, code or just ask questions.

Code repositories

Our Code is hosted on Github. We try to keep all documentation and project management tools as close as possible on the source code, so you find all significant information here.

Specifications are here nileorg/nile-specifications

Documentation

Community and further readings

This is the official website.
Join our Discord to chat with the Team, the Community or our Bots. Don't be shy to ask questions!
You can play with the prototype here: Client, Node. Follow this tutorial on Medium to learn how it works.

DEV Community: Marco Castignoli

jQueReact

Play here

Install

How it works

Why?

How it really works?

Would it be cool to build the same thing but without jQuery, same idea but with plain JS?

I will start streaming free web development lesson on Twitch!

I would love to start streaming free lessons about web development!

Nile - a decentralized, commission-free, local-economy focused online shopping platform.

What is Nile?

Why Nile?

From a buyer's standpoint

From a seller's standpoint

How it works

Seller

Buyer

Our Values

Privacy

Simplicity

Permissionless access

No costs

FAQ

I feel like the basis for your project is already covered by OpenBazaar

What about the delivery system?

Is Nile based on a Blockchain?

Can I pay with Cryptocurrencies?

Contact and Contribute

Code repositories

Community and further readings