Build me a Nextjs, Expo, Express website -- 5
Budget: $30 – $70 USD
Build me a website similar the attached PDF.
Create an expo project and add nextjs adapter, you can follow this instructions:
https://docs.expo.dev/guides/using-nextjs/#add-nextjs-to-expo-projects
Implement express. Must be able to add key, cert, and ca for ssl.
Nextjs will render ssr with serverSideProp, it will connect to a mongodb database and connect to a specific db and collection. Then it's going to look for a "title" with "findOne" and projection of "stats"
and "image".
"image" is an url where the image is located or null . The interface of "stats" is:
{
sport: string,
profit: string,
yield: string,
picks: string,
green: string,
}
The result will be passed as "props" to the component and show something similar to the attached PDF (see PDF).
If "image" is null just show the first letter of "title" as an avatar.
There are two buttons on upper right that redirects to some page (we'll add it later). Use an android icon for one and apple for the other one.
Some considerations:
-Use typescript (ts, tsx)
-Use just React native with expo
-Don't use HTML
-There is no need for animation
-Use same font
-Change upper left logo for a text that we'll edit it later
-Well documented
-Use any pattern for the background (Mandatory)
-Background pattern inspired by sports, maybe some basketball and tennis balls and football (Optional)
-Feel free to make any suggestions or modifications!
Create an expo project and add nextjs adapter, you can follow this instructions:
https://docs.expo.dev/guides/using-nextjs/#add-nextjs-to-expo-projects
Implement express. Must be able to add key, cert, and ca for ssl.
Nextjs will render ssr with serverSideProp, it will connect to a mongodb database and connect to a specific db and collection. Then it's going to look for a "title" with "findOne" and projection of "stats"
and "image".
"image" is an url where the image is located or null . The interface of "stats" is:
{
sport: string,
profit: string,
yield: string,
picks: string,
green: string,
}
The result will be passed as "props" to the component and show something similar to the attached PDF (see PDF).
If "image" is null just show the first letter of "title" as an avatar.
There are two buttons on upper right that redirects to some page (we'll add it later). Use an android icon for one and apple for the other one.
Some considerations:
-Use typescript (ts, tsx)
-Use just React native with expo
-Don't use HTML
-There is no need for animation
-Use same font
-Change upper left logo for a text that we'll edit it later
-Well documented
-Use any pattern for the background (Mandatory)
-Background pattern inspired by sports, maybe some basketball and tennis balls and football (Optional)
-Feel free to make any suggestions or modifications!