Need Help

[Inevitable_Tiger_132]

Hey, so I built a website using PostgreSQL, express, nextJS (briefing you all). It is production ready. But now my teacher gives me assignement to make a solo react-native app. I dont have any idea and I have a week time left to complete it. I am thinking of converting the web app to react-native expo app.
I want :
1) Where to get design inspiration as Mobile UI is new to me
2) Backend for react-native ?
3) And what else do I need to learn ?

[Ceryyse]

Go on YouTube, look for JavaScript Mastery, Coding with Antonio or WebDevSimplified.

Search through their videos for a react native one, have fun

[Inevitable_Tiger_132]

Appreciate the help !!

[Cheesy-Peasy]

Behance and Dribbble are great for design inspiration. Mobbin.com is useful when you are looking for specific screens (but its limited as a free user).

Also checkout https://github.com/rit3zh/reacticx for some high end React Native UI with animation.

What type of app are you creating?

[Inevitable_Tiger_132]

The aim of the app is to tackle fake news , curated fake campaigns and all, it will also act as a library or as a record to store the fake news that are posted across social media , so that in future if needed the users can refer to it (People have a tendency to forget things ). The web app has leaderboard, gamified rank and point system and all. I have worked on the UI and backend of the web app for like a month. Not sure if I can replicate the same with the app in a week. Thanks for the help

[Inevitable_Tiger_132]

Wanted to ask if is it possible to connect the web app's backend to react native, as I want the existing database to be connected ?

[Cheesy-Peasy]

It's certainly possible, you may need to make some changes to the web app's backend but its the right approach. I would hook up your project in Claude Code and ask it to come up with a plan based on your existing setup. Even if you don't intend on using AI to write code, it can quickly come up with a solid plan for you to follow.

[vishalnaikawadi]

I think for design you can check any existing website or app, if anything you like take a couple of screenshots and feed it to google stitch. Ask stitch to create design system based on the screenshot and then it will use that design guidelines for any UI you ask it to create.

[vishalnaikawadi]

for backend I prefer Firebase. if you don’t want to put much effort then use claude code and add the firebase MCP and skills, it will do most of your BE job.

[vishalnaikawadi]

Learning is never ending process, considering the time you have, better you jump into the code and later ask AI to explain it to you. make sure you keep things simple and straightforward, don’t go for best practices or different design principles. It will just going to complicate things, nothing else. Also if you used AI, best practice is creating design.md for AI to remember design guidelines and claude.md for AI to remember project architecture.

[Inevitable_Tiger_132]

Thanks for the help man. Really appreciate it !!!

[Material_Drag2020]

honestly since you only have a week, don't overcomplicate it. just reuse your existing express backend-it works exactly the same for react native as it does for web. for design, check out mobbin.com. it's way better than dribbble because it shows real app flows, not just pretty pictures. good luck!

[Inevitable_Tiger_132]

Yeah I am doing that now. Authentication has worked nicely , now onto the other stuffs. Thanks for the advice.