# Module 2: The React project · A simple Chromia app with Rell and React · Learn Chromia

> This module uses the Next.js framework to build the front end. You start by creating a new React project and adding a scaffold, then you design and…

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

A simple Chromia app with Rell and ReactLesson 22 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/)

22 / 27Module 2: The React projectBeginner

# Module 2: The React project

This module uses the [Next.js framework](https://nextjs.org/) to build the front end. You start by creating a new React project and adding a scaffold, then you design and implement the page layout.

The last step wires the React app to your decentralized application (dapp). Once connected, you can add and remove followers, create posts, and see the feed page update in real time.

## In this lesson

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

[Begin lesson →](https://chromia.com/learn/my-news-feed/module-two/setup/)

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

[← Previous**Test the registration**](https://chromia.com/learn/my-news-feed/module-one/register-evm-accounts/test-registration/)[Next →**Set up the project**](https://chromia.com/learn/my-news-feed/module-two/setup/)