# Building a simple Chromia app with Rell, React and FT4 · A simple Chromia app with Rell and React · Learn Chromia

> This course walks you through building a decentralized news feed app, similar to Twitter, on Chromia.

Source: https://chromia.com/learn/my-news-feed/introduction/

A simple Chromia app with Rell and ReactLesson 1 of 27

1. [01Building a simple Chromia app with Rell, React and FT4](https://chromia.com/learn/my-news-feed/introduction/)
2. [02Project setup complete](https://chromia.com/learn/my-news-feed/setup/)

Module 1: A Rell backend with FT accounts

1. [03Overview](https://chromia.com/learn/my-news-feed/module-one/)
2. [04Part 1: Designing the database schema](https://chromia.com/learn/my-news-feed/module-one/data-modeling/)
3. [05The data model](https://chromia.com/learn/my-news-feed/module-one/data-modeling/tables/)
4. [06Code the model in Rell](https://chromia.com/learn/my-news-feed/module-one/data-modeling/model/)
5. [07Part 2: Set up accounts](https://chromia.com/learn/my-news-feed/module-one/create-accounts/)
6. [08FT4 accounts configuration](https://chromia.com/learn/my-news-feed/module-one/create-accounts/install-configure-ft4/)
7. [09Authentication with FT4 accounts](https://chromia.com/learn/my-news-feed/module-one/create-accounts/authentication/)
8. [10Part 3: A closer look at operations and queries](https://chromia.com/learn/my-news-feed/module-one/operations-queries/)
9. [11Basic operations](https://chromia.com/learn/my-news-feed/module-one/operations-queries/basic-operations/)
10. [12Basic queries](https://chromia.com/learn/my-news-feed/module-one/operations-queries/write-queries/)
11. [13Part 4: Validating and verifying input](https://chromia.com/learn/my-news-feed/module-one/input-verification/)
12. [14Verify inputs](https://chromia.com/learn/my-news-feed/module-one/input-verification/input-verification/)
13. [15Run unit tests](https://chromia.com/learn/my-news-feed/module-one/input-verification/tests/)
14. [16Part 5: How the dapp project is organized](https://chromia.com/learn/my-news-feed/module-one/project-structure/)
15. [17Work with Rell modules](https://chromia.com/learn/my-news-feed/module-one/project-structure/modules/)
16. [18Add modules to your dapp](https://chromia.com/learn/my-news-feed/module-one/project-structure/incorporate-modules/)
17. [19Part 6: Sign up users with an EVM wallet](https://chromia.com/learn/my-news-feed/module-one/register-evm-accounts/)
18. [20Sign up accounts with EVM wallets](https://chromia.com/learn/my-news-feed/module-one/register-evm-accounts/register-evm-accounts/)
19. [21Test the registration](https://chromia.com/learn/my-news-feed/module-one/register-evm-accounts/test-registration/)

Module 2: The React project

1. [22Overview](https://chromia.com/learn/my-news-feed/module-two/)
2. [23Set up the project](https://chromia.com/learn/my-news-feed/module-two/setup/)
3. [24Project scaffold](https://chromia.com/learn/my-news-feed/module-two/scaffold/)
4. [25Connect the client](https://chromia.com/learn/my-news-feed/module-two/connecting-the-client/)
5. [26Summary and manual testing](https://chromia.com/learn/my-news-feed/module-two/summary-and-tests/)

1. [27What is next?](https://chromia.com/learn/my-news-feed/what-next/)

[Learn](https://chromia.com/learn/)[A simple Chromia app with Rell and React](https://chromia.com/learn/my-news-feed/)

01 / 27Beginner

# Building a simple Chromia app with Rell, React and FT4

This course walks you through building a decentralized news feed app, similar to Twitter, on Chromia.

When you finish, you will understand Chromia's core features and have the skills to build your own decentralized applications.

## What will I learn?

The course covers the fundamentals you need as a base for decentralized app development:

1. **Database model and simple queries**: You design the database model for the news feed app and write basic queries that fetch and display data.
2. **Input verification**: You validate and secure user input to close off potential vulnerabilities.
3. **Accounts**: You manage user accounts in the app, including registration and authentication.
4. **Project structure**: You learn how to organize the project, lay out the codebase, and handle dependencies.
5. **Frontend integration (React app)**: You connect the backend to a React frontend to give the news feed app a complete user interface.

## What will be built?

You work on both the frontend and the backend of a real-time decentralized news feed app. This hands-on project gives you the skills to build decentralized applications and a starting point for exploring blockchain technology.

The app is built on Chromia.

## Repository link

The full source code for the course is available in the
[news feed course repository](https://bitbucket.org/chromawallet/news-course).

### Related materials

The course draws on the following documentation. Use it to deepen your understanding of the concepts and techniques involved:

| Section | Type | Documentation |
| --- | --- | --- |
| Rell | Modules | [Rell](https://docs.chromia.com/rell/language-features/) |
| FT4 | Introduction | [FT4](https://docs.chromia.com/build/ft4/intro/) |
| Overview | Dapps | [Building your dapps on Chromia](https://docs.chromia.com/get-started/create-dapp/) |

Written for this site from Chromia’s public course. Code samples are the course’s own.

[← Course**A simple Chromia app with Rell and React**](https://chromia.com/learn/my-news-feed/)[Next →**Project setup complete**](https://chromia.com/learn/my-news-feed/setup/)

On this page

* [What will I learn?](#what-will-i-learn)
* [What will be built?](#what-will-we-be-building)
* [Repository link](#repository-link)
