Giter Club home page Giter Club logo

fastn's Introduction

Contributors Issues License Discord

fastn

fastn - Full-stack Web Development Made Easy

ftd is a programming language for building user interfaces and content centric websites. ftd is easy to learn, especially for non programmers, but does not compromise on what you can build with it.

fastn is a web-framework, a content management system, and an integrated development environment for ftd. fastn is a webserver, and compiles ftd to HTML/CSS/JS, and can be deployed on your server, or on fastn cloud by FifthTry.

The quickest way to learn fastn is the short video course we have created: expander, it takes you through the basics.

Then checkout the frontend and backend sections of our documentation.

ftd: Programming Language For The Next Billion Programmers

ftd is designed with minimal and uniform syntax, and at first glance does not even look like a programming language.

No quotes for string, multi-line strings are easy

-- amitu: Hello World! ๐Ÿ˜€

-- amitu:

you can also write multiline messages easily!

no quotes. and **markdown** is *supported*.

We have called a "function" named "amitu" with "Hello World! ๐Ÿ˜€" as input, yet it does not feel technical.

This is what it produces:

img.png

Learn more about ftd Programming Language.

There are a lot of ready made ftd components available today

Ready made components can be imported and used.

-- import: fifthtry.github.io/bling/quote

-- quote.charcoal: Amit Upadhyay
label: Creator of FTD
avatar: $fastn-assets.files.images.amitu.jpg
logo: $fastn-assets.files.images.logo-fifthtry.svg

The web has lost some of the exuberance from the
early 2000s, and it makes me a little sad.

img_1.png

Or you can create your own components

Creating a custom component

-- component toggle-text:
boolean $current: false
caption title:

-- ftd.text: $toggle-text.title
align-self: center
text-align: center
color if { toggle-text.current }: #D42D42
color: $inherited.colors.cta-primary.text
background.solid: $inherited.colors.cta-primary.base
$on-click$: $ftd.toggle($a = $toggle-text.current)
border-radius.px: 5

-- end: toggle-text

-- toggle-text: `ftd` is cool!

toggle button

ftd's event handling capabilities can be used for form validation, ajax requests etc, to create fully functional frontend applications.

You Use fastn To Work With ftd

We ship pre built binaries for Linux, Mac and Windows.

curl -fsSL https://fastn.com/install.sh | bash

fastn.png

Integrated Web Development Experience

ftd and fastn come with package management, web server, opinionated design system, dark mode and responsive by default.

If you are getting started with frontend development, fastn framework takes care of a lot of things for you, and all you have to focus on is your product.

We are working towards our own hosted web based IDE, version controlled code hosting and collaboration platform so you and your team gets a one stop solution for building websites.

fastn for Static Sites

fastn websites can be compiled into static html, js, css etc, and can be deployed on any static hosting providers eg Github Pages, Vercel etc.

ftd source code of the page you are reading

-- import: fifthtry.github.io/bling/quote
-- import: fastn.com/ftd as ftd-index

-- my-ds.page: Overview of `fastn` and `ftd`

`ftd` is a programming language for building user interfaces and content centric
websites. `ftd` is easy to learn, especially for non programmers, but does not
compromise on what you can build with it.

ftd is a good alternative for content websites like blogs, knowledge bases, portfolio websites, project and marketing websites etc. It is cheap, fast, and requires little maintenance.

github-pages.png

Data Driven Website

fetching data from API

-- import: fastn/processors as pr

-- result r:
$processor$: pr.http
url: https://api.github.com/search/repositories
sort: stars
order: desc
q: language:python

Working With SQL Is Breeze

-- import: fastn/processors as pr

-- people:
$processor$: pr.package-query
db: db.sqlite

SELECT * FROM user;


-- show-person: $p
$loop$: $people as $p

fastn can be used to create data driven website, dashboards.

Dynamic URLs

-- fastn.dynamic-urls:

# Profile Page
url: /<string:username>/
document: profile.ftd

fastn can be used for creating a lot of web application backends as well.

Upcoming WASM Support

We are working on wasm support so developers can extend ftd's standard libraries and offer access to more backend functionalities.

wasm.png

Hosting Dynamic Sites

For dynamic sites you can deploy fastn cli on the platform of your choice. We ship ready made Docker containers that you can add to your infrastructure.

fastn Cloud

We also offer our own hosting solution for your static and dynamic sites. Using fastn Cloud frees you from devops needs, and you get a fully integrated, managed hosting solution, that a non programmers can use with ease.

Contributors

Arpita Jaiswal
Arpita Jaiswal

๐Ÿ’ป ๐Ÿ“– ๐Ÿ’ก ๐Ÿ“‹ ๐Ÿค” ๐Ÿšง ๐Ÿง‘โ€๐Ÿซ ๐Ÿ‘€ ๐Ÿ”ง โš ๏ธ โœ… ๐Ÿ“น ๐Ÿ“
Amit Upadhyay
Amit Upadhyay

๐Ÿ’ป ๐Ÿ“– ๐Ÿ’ก ๐Ÿ“‹ ๐Ÿค” ๐Ÿšง ๐Ÿง‘โ€๐Ÿซ ๐Ÿ‘€ ๐Ÿ”ง โš ๏ธ โœ… ๐Ÿ“น ๐Ÿ“
Rithik Seth
Rithik Seth

๐Ÿ’ป ๐Ÿ“– โš ๏ธ ๐Ÿค” ๐Ÿ‘€ ๐Ÿšง ๐Ÿ“
Ganesh Salunke
Ganesh Salunke

๐Ÿ’ป ๐Ÿ“– โš ๏ธ ๐Ÿค” ๐Ÿง‘โ€๐Ÿซ ๐Ÿ‘€
Priyanka
Priyanka

๐Ÿ’ป ๐Ÿ“–
Ajit Garg
Ajit Garg

๐Ÿ’ป ๐Ÿ“– ๐Ÿ“
Abrar Khan
Abrar Khan

๐Ÿ’ป ๐Ÿ“– ๐Ÿ‘€ โš ๏ธ
Shobhit Sharma
Shobhit Sharma

๐Ÿ’ป ๐Ÿ“– โš ๏ธ
Aviral Verma
Aviral Verma

๐Ÿ’ป ๐Ÿ“– โš ๏ธ ๐Ÿค”

License

This project is licensed under the terms of the BSD 3-Clause License

License: BSD 3-Clause

Examples

The following examples are intended for testing purposes and showcase the range of capabilities of ftd language, from basic to advanced use cases. These examples are provided to ensure the proper functioning of ftd and to highlight its diverse features.

You can find the examples at the following link: https://fastn-stack.github.io/fastn/

fastn's People

Contributors

arpita-jaiswal avatar amitu avatar heulitig avatar abrarnitk avatar akasahi avatar dependabot[bot] avatar harshdoesdev avatar aviralverma13 avatar gsalunke avatar wilderbitnet avatar wasif1024 avatar sharmashobhit avatar allcontributors[bot] avatar sourabh-garg avatar priyanka9634 avatar artstyle46 avatar aditirai290698 avatar fossabot avatar notnotrachit avatar abhiramiyer avatar arcoprova avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.